Examples of CSS vertical center perfection and css Center
<! Doctype html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Title> CSS vertical center </title>
<Style type = "text/css" media = "all">
Body {color: black; background-color: white; padding: 50px; font-size: 12px; line-height: 16px; font-family: arial; color: # 1E346E ;}
* {Margin: 0; padding: 0; border-width: 0 ;}
. List {vertical-align: middle; width: 640px; margin-bottom: 1px; border: solid 1px # 00a0da; background-color: # F0F5FF ;}
. List: hover {background-color: # d9e7f5 ;}
/* ---------- Set vertical align middle ----------*/
. List p,. list B {vertical-align: middle; display:-moz-inline-stack; display: inline-block; zoom: 1; * display: inline ;}
. List p {padding: 10px ;}
/* ---------- Set min-height ----------*/
. List B {height: 52px; width: 1px; overflow: hidden; margin-left:-1px; background-color: #009Cd0 ;}
</Style>
</Head>
<Body>
<Div class = "list"> <B> </B> <p style = "width: 80px;"> first class </p> <p style = "width: 160px; "> Can be modified </p> <p style =" width: 160px; "> Can be refunded. </p> <p
Style = "width: 160px;"> Can be endorsed </p> </div>
<Div class = "list"> <B> </B> <p style = "width: 80px;"> economical class </p> <p style = "width: 160px; "> Can be modified </p> <p style =" width: 160px; "> Can be refunded. </p> <p
Style = "width: 160px;"> Can be endorsed </p> </div>
<Div class = "list"> <B> </B> <p style = "width: 80px; "> 23% off Economy class </p> <p style =" width: 160px; "> One free change permitted within same class if available; further
Changes charged 10% of fare. passengers must go to CA ticketing office to process changes-based changes. </p> <p style = "width: 160px;"> 10% of fare charged. </p> <p
Style = "width: 160px;"> Can not be endorsed </p> </div>
<Div class = "list"> <B> </B> <p style = "width: 80px; ">-6% off economical class </p> <p style =" width: 160px; "> Free change permitted within same class if available at least 4 days
Prior to departure. </p> <p style = "width: 160px;"> 20% of fare charged (minimum CNY50 charge ). </p> <p style = "width: 160px;"> Can not be endorsed </p> </div>
<Div> http://www.999jiujiu.com/</div>
</Body>
</Html>