<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml" lang = "zh-CN">
<Head>
<Title> vertical center of images </title>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Style type = "text/css" media = "all">
Div, img {margin: 0; padding: 0; border: 0 ;}# content {width: 303px; height: 404px; background: # F63; color: #000; font: 12px Arial, Helvetica, sans-serif; position: relative ;}# content [id] {display: table; position: static ;}# middle {position: absolute; left: 0; top: 50% ;}# middle [id] {display: table-cell; vertical-align: middle; position: static ;}# inner {position: relative; left: 0; top:-50% ;}
</Style>
</Head>
<Body>
<Div id = "content">
<Div id = "middle">
<Div id = "inner"> vertical center <br/>
</div>
</Div>
</Div>
</Body>
</Html>