выравнивание по вертикали <h2> в <div>

Question

У меня есть следующий код:

<div style="height: 120px; background: none repeat scroll 0% 0% rgb(45, 144, 234); color: rgb(255, 255, 255); vertical-align: bottom;">
    <div style="vertical-align: bottom; height: 120px;">
        <h2 style="vertical-align: bottom; height: 120px;">text</h2>
    </div>
</div>

Я не могу получить текст в нижней части вложенных div.Я не могу использовать padding-top или margin-top, так как иногда у меня есть перенос текста.

Может кто-нибудь посоветовать мне?

Answer 1

<div style="height: 120px;">
    <div style="height: 120px;">
        <h2 style="position: absolute; bottom: 0">text</h2>
    </div>
</div>

Это должно работать.

Теперь не имеет значения, как долго текст h2, он остается в нижней части div.

Answer 2

<div style="display:table-cell; vertical-align:bottom;">Personal Information</div>