Выравнивание текста — такая необходимость возникает очень часто. В 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 не должно вызвать каких-либо затруднений. Как видите, ничего сложного здесь нет. Спасибо за внимание и до встречи в других уроках!