Вертикалное выравнивание через CSS

[intelligent]

Вертикалное выравнивание через CSS

Здравствуйте!

Как при помощи CSS решить такую проблему:

<div id="item" style="width: 300px; height: 300px">
text
</div>

нужно чтобы "text" был выравнен по верикали по низу, не предлагать варианты с искуственным padding и переделку в таблицу

 

[Кром]

С CSS красиво сделать не получится. Самый простой вариант - таблица.

 

[bkonst]

Если-таки хочется странного, то:

<div id="item" style="width: 300px; height: 300px; position: relative;">
<div style="position: absolute; bottom: 0; left: 0; width: 100%;">
TEXT
</div>
</div>