CSS — text-align

CSS text-align — выравнивание. С помощью свойства text-align можно выравнивать текст, как вам угодно. Это свойство позволит вам грамотно оформить текстовые элементы страницы для органичного отображения. Сегодня мы продолжим изучать css.

CSS — Text-align

Выравнивание текста работает исключительно в переделах элемента, в котором находится текст.

Существует всего 4 возможных значения этого атрибута left, right, center и justify. Разберем работу каждого по отдельности:

1. Text-align: left

В целом данное свойство по умолчанию имеет значение left, но в некоторых ситуация на разных уровнях вложенности возникает необходимость привязать текст к левому краю. Свойство позволяет пользователю легко найти абзац:

2. Text-align: right

Здесь все просто, полная противоположность предыдущему значению. Текст расположенный справа читать труднее, так как левая сторона становится неровной. Поэтому выравнивание по правому краю применяется обычно для коротких заголовков объемом не более трех строк или на сайтах где возникает необходимость читать текст справа налево:

3. Text-align: center

Текст выравнивается по горизонтали ровно в центре элемента, в котором находится. Подобный способ выравнивания активно используется в заголовках и различных подписях, вроде подрисуночных, он придает официальный и солидный вид оформлению текста. Во всех других случаях такое значение применяется весьма редко по той причине, что читать большой объем такого текста неудобно.

4. Text-align: justify

Данное значение выравнивает текст по ширине блока, в котором находится текст. Грубо говоря сразу по левому и правому краям. Для выравнивания браузер автоматически добавляет в текст пробелы.

В итоге: значения этого свойства не сложно запомнить, так же как и пользоваться. Достаточно помнить, что значения применяются в рамках элемента, в котором находится текст. Не забывайте про наш канал и группу в ВК! Спасибо за внимание.