owngeek

<select>
  <option class="font1" value="volvo">Volvo</option>
  <option class="font2" value="saab">Saab</option>
  <option class="font3" value="opel">Opel</option>
  <option class="font4" value="audi">Audi</option>
</select>

owngeek

.font1{ font-style:italic;}
.font2{color:red;}
.font3{ font-weight:600;}
.font4{ background-color:#0CC}

owngeek

<select>
    <option>select</option>
    <option>one</option>
    <option>two</option>
    <option>three</option>

</select>

owngeek

li, span {text-decoration: underline; }  
.ui-selectmenu-button {  width:150px !important;  } 

owngeek

<div class="box"></div>

owngeek

<style>
.title{ width:100%; float:left; color:#fbfbfb; font-size:16px; margin-left:25px; font-family:"Arial Black", Gadget, sans-serif}
/*-----Both Horizontally and Vertically--------*/
.wrpr{background-color: #999999; position:relative; height:500px; width:500px; float:left;}
.centre{ width:200px; height:200px; background-color:#C30; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
/*-----Both Horizontally and Vertically--------*/


/*-----one element in horizontaly centre --------*/
.wrpr2{background-color: #999900;  height:500px; width:500px; margin:0; float:left; }

owngeek

<style>
div {
	width: 100px;
	height: 100px;
	background-color: #990;
	position: absolute;
	left: 0;
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	animation-name: example;

owngeek

<style>
.rollover figure {
  position: relative;
  overflow: hidden;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.rollover figure figcaption {

owngeek

<style>
#collapse * {
    display:block;
    list-style:none;
    cursor:pointer;
    text-transform:uppercase;
}
#collapse ul li {
}
.open{}

owngeek

Tag	Description
<article>	Defines an article in the document
<aside>	Defines content aside from the page content
<bdi>	Defines a part of text that might be formatted in a different direction from other text
<details>	Defines additional details that the user can view or hide
<dialog>	Defines a dialog box or window
<figcaption>	Defines a caption for a <figure> element
<figure>	Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer>	Defines a footer for the document or a section
<header>	Defines a header for the document or a section