.inline {width:100%;}

.codeintro .text, .codeintro .image, .codeintro .block  
{float:left;}
.codeintro .css {float:left;}

.text, .image, .block     /* All container divs*/
 {width:14em;height:8em;margin:0.5em;           
  border:thick solid;background:#fff;color:#000;}       
	       
.text  {border-color:#99f;}      /* pastel blue for inline text container */
.image {border-color:#f99;}      /* pastel red for image container */
.image img {width:50px;height:50px;} /* image size */
.block {border-color:#ff4;}      /* pastel yellow for blocks container */
.block div {border:dashed;width:10em;}


.block code, .text code, .image code 
{font-family:monospace;font-size:100%;}

/*
.text {float:left;}
.image {float:right;}
*/
#valh div, #valhib .block {line-height:8em;}
#valh img {vertical-align:middle;}


#valhib .block {line-height:8em;}
#valhib .block div {display:inline;display:inline-table;display:inline-block;vertical-align:middle;}
#valhib .block div {line-height:1.2em;}

#absolute div {position:relative;}
#absolute img, #absolute span, #absolute .block div 
{position:absolute;top:0;bottom:0;margin:auto;}
#absolute span {height:1em;}
#absolute .block div {height:2.4em;}
#absolute .block.second div {display:table;}
#absolute div.image {min-height:50px}


#table-cell .image, 
#table-cell .text, 
#table-cell .block 
{display:table-cell;vertical-align:middle;}
#table-cell img {vertical-align:middle;}

#padding div {padding-top:4em;
     height:8em;            /* This is part of*/
     voice-family: "\"}\""; /* Tantek hack    */
     voice-family:inherit;  /* as is following*/
     height:4em;
}
html>body #padding div {height:4em;} /* be nice to opera rule*/

#padding img {margin-top:-25px;}
#padding span{margin-top:-0.5em;display:block;}

#relative div {min-height:50px !important;}
#relative img {position:relative;top:50%;margin-top:-25px;}
#relative span{position:relative;top:50%;margin-top:-0.5em;}

#absolute2 div {position:relative;min-height:50px !important;}
#absolute2 img {position:absolute;top:50%;margin-top:-25px;}
#absolute2 span{position:absolute;top:50%;margin-top:-0.6em;}

#absolute3 div {position:relative;min-height:50px !important;}
#absolute3 img {position:absolute;top:50%;margin-top:-25px;}
#absolute3 span{position:absolute;top:50%;margin-top:-0.5em;line-height:1}



.css  {margin:1em !important;}