Vertical align DIVs

Suppose I have 2 DIVs , one on top of each other.

How do I align the text of the top one to the TOP , a开发者_StackOverflow社区nd align the text of the bottom one to Bottom?

True -- vertical-align only works if you set the display of each div to table-cell

div#top, div#bottom { display: table-cell }
div#top { vertical-align: top }
div#bottom { vertical-align: bottom }

This is how you can do it.

Demos:

http://www.emblematiq.com/blog/vertical_align_with_css/assets/02.html

http://www.emblematiq.com/blog/vertical_align_with_css/assets/03.html