vertical-align bottom

[wallm]

vertical-align bottom doesn't seem to do much good.
The text within the topnavigation div sits right at the top.
Is there anyway to move it down to the bottom or middle?

#topnavigation
{
padding:0;
margin:0 10px 0 10px;
background-image:url("images/navbar.gif");
text-align:center;
height:24px;
vertical-align:bottom;
}

<div id="topnavigation">Home Abouts Us Contact Us FAQ </div>

thanks.

 

[Vragabond]

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

If you look at the standards page, vertical-align only applies to inline elements or table cells. Your div is neither, so it does not work. To me, this restriction from W3 makes little to no sense, but that's the way it is. You will need to use margins or paddings to position your text to the bottom of the box.

 

[wallm]

You're right it doesn't make sense.

thanks.