Вертикальное выравнивание DIVs

Question

Предположим, у меня есть 2 DIV, один поверх друг друга.

Как выровнять текст верхнего по верхнему краю, а текст нижнего по нижнему?

Answer 1

True - выравнивание по вертикали работает, только если для display каждого делителя установлено значение table-cell

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

Answer 2

Вот как вы можете это сделать.

Демоверсии:

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

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