css выравнивание текста по горизонтали

CSS выравнивание текста по вертикали и горизонтали

css выравнивание текста по горизонталиПривет, друзья!
Сегодня мы продолжим изучение CSS-стилей, и узнаем, каким образом можно сделать выравнивание текста по вертикали и горизонтали с помощью CSS.

Как всегда — пример рабочего кода будет доступен на вставке с ресурса http://codepen.io 🙂

Начнем с выравнивания текста по вертикали. Разделить этот момент можно на три части: выравнивание по верхнему краю, выравнивание по нижнему краю, и выравнивание по центру. Для организации этого используем команду vertical-align:параметр, где top — выравнивание по верхнему краю, bottom — выравнивание по нижнему краю, и middle — выравнивание по центру. Пример рабочего кода — ниже:

See the Pen qrRewO by Lavrynenko (@Lavrynenko) on CodePen.

А теперь давайте узнаем, каким образом можно выравнять текст по горизонтали? Для этого используем команду text-align:параметр, где в роли параметра может выступать:
— left — выравнивание по левому краю
— right — выравнивание по правому краю
— justify — выравнивание по ширине
— center — выравнивание по центру
Пример рабочего кода — доступен ниже:

See the Pen JWWPWR by Lavrynenko (@Lavrynenko) on CodePen.

Собственно, на сегодня это все, что я хотел сказать о выравнивании текста с помощью CSS по вертикали и горизонтали. Не забывайте делать репост на свои страницы в социальных сетях, и задавать вопросы, если они возникают 😉

Пока!