Sent by Jon Jensen on 21 June 2004 19:07
This is a commonly misunderstood property.
Vertical-align has to do with the vertical alignment of inline content
relative to the line it is on, and not to the parent block-level element. It
is *not* the same thing as the html property valign, although for table
cells it works similarly.
So when you say vertical-align:top or bottom or whatever, it will look at
the particular line of text/inline content and align it within those
constraints. It aligns it with the topmost/bottommost inline element on that
line. It is useful for aligning an image within a line of text, or variable
sized fonts on a given line.
Read more here:
http://www.domedia.org/oveklykken/css-vertical-align.php
http://www.htmlhelp.com/reference/css/text/vertical-align.html
If you want to align text at the bottom of a div, the best way is to make
the div "position:relative;", and then put the text in a container (p or div
or whatever) inside the aforementioned div and make it "position:absolute;
bottom:0;"
Jon
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/