Re: [WSG] Vertical align text middle no work?

[James Ellis]

Hi

vertical-align doesn't really work the way valign in a table cell works  
- it applies to inline elements and table cell elements only (see css2 
rec 10.8.1).

You have to approach the matter from the other way, remove the table 
layout hat and put on a box model hat :

<div id="topthing>
<div class="dudewheresmyboxmodel">
  hi i&#039;m top thing text!
</div>
</div>
#topthing
{
 width : auto;
}
.dudewheresmyboxmodel
{
 /* t r b l */
 margin : 30px 0px 30px 0px;
 padding : 2px;
}
so this will align your text to the 'middle' of #topthing. In reality 
it's the text forcing the 'height' of the topthing up and down - so it 
looks like you have middle aligned text

HTH

james

 



*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************