Выравнивание текста — такая необходимость возникает очень часто. В CSS это реализуется с помощью соответствующих атрибутов и их значений. Что это за атрибуты, какие у них существуют значения и, наконец, как делается выравнивание текста в CSS с их помощью мы и рассмотрим в этом уроке.
Горизонтальное выравнивание в CSS
Для того, чтобы выровнять текст по горизонтали в CSS используется атрибут «text-align» со следующими значениями:
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
где:
left — выравнивание текста по левому краю;
right — горизонтальное выравнивание текста по правому краю;
center — расположение текста по центру;
justify — выравнивание по левому и правому краю одновременно (по ширине).
Вертикальное выравнивание в CSS
Для того, чтобы выровнять текст по вертикали в CSS используется атрибут «vertical-align» со следующими значениями:
vertical-align: top;
vertical-align: middle;
vertical-align: bottom;
где:
top — выравнивание текста по верхнему краю;
middle — вертикальное выравнивание текста по центру;
bottom — выравнивание текста по нижнему краю.
Вот, пожалуй, и все. Выравнивание текста в CSS не должно вызвать каких-либо затруднений. Как видите, ничего сложного здесь нет.
Спасибо за внимание и до встречи в других уроках!
