Вертикальное выравнивание текста в DIV с мопощью CSS

Среда, 24 Апр 2013, 5:45 | Рубрика: Web-разработка

В этой короткой статье я поделюсь тем, как правильно делать вертикальное выравнивание текста при помощи CSS.

Все мы знаем о существовании свойства vertical-align

Но, к сожалению, при помощи vertical-align текст будет выравниваться только в столбцах таблицы.

Как же сделать вертикальное выравнивание любого текста, не только в таблице?

Рассмотрим элемент <div>...</div>. Допустим, текст нужно выровнять внутри него.

Сделаем это при помощи задания style="..." и display:inline-block.
<div style="display:inline-block;vertical-align:top">Ваш_текст_который_нужно_выровнять_вертикально</div>

Теперь текст внутри <div> будет выравниваться вертикально.

Точно также можно производить вертикальное выравнивание текста с помощью css внутри тегов <span>, <li>.



Метки записи: , , , , , , , ,
Секс знакомства в Иркутске тут http://38fm.ru/znakomstva/raznoe

Ваш отзыв

*