Getting vertical alignment to bottom and top inside divs.

[hawtpawkithero]

I'm not sure how to explain exactly what I'm trying to do, so please let me share a terrible paint example.

http://img529.imageshack.us/img529/126/85833436jj6.png

The thing is, both of the content divs force themselves to the top. That's fine for the bottom content div, but the top content div needs to be at the bottom.

I think what I'm simply trying to ask is how do I vertically align text inside a div to the bottom of the div?

[Centauri]

Vertical align is only for aligning things relative to the inline text box - there is no mechanism for vertical align within block elements.

To get the top content div where you want it, set position:relative on the top inside div (to provide the reference), and set position:absolute;left:0;bottom:0 on the top content div.

[hawtpawkithero]

I don't understand how it worked, but thanks a ton for the help!