vertical-align and div

[Jochen Fuhrmann]

hi, why doesn't the vertical-align work here:

div.test {top:10px;
left:10px;
width:230px;
height:90px;
text-align:center;
vertical-align:middle;}

i want to put the text in the center of the block

jochen

 

[Steve Pugh]

hi, why doesn't the vertical-align work here:

div.test {top:10px;
left:10px;

Are you specifying position somewhere else? top and left only apply
when an element has a position value other than static (the default).

width:230px;
height:90px;
text-align:center;
vertical-align:middle;}

Because vertical-align only applies in two cases -
1. inline elements where it aligns the element relative to the
surrounding line of text
2. table cell elements where it aligns the content relative to the
cell

It does not apply to block level elements.

http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align

i want to put the text in the center of the block

http://www.aspekt1.net/ms/dev/vertical-align.html

Steve