Выравнивание текста в HTML: все, что нужно знать

Выравнивание текста в HTML можно осуществить с помощью CSS-свойства text-align. Данное свойство указывает, каким образом текст внутри определенного элемента должен быть выравнен по горизонтали.

Синтаксис CSS-свойства text-align выглядит следующим образом:

selector {
  text-align: value;
}

Где selector - это селектор элемента, для которого задается выравнивание текста, а value - это значение свойства. Возможные значения свойства text-align:

• left - текст выравнивается по левому краю элемента
• right - текст выравнивается по правому краю элемента
• center - текст выравнивается по центру элемента
• justify - текст выравнивается по ширине элемента, при этом пробелы между словами делаются равными, чтобы строка заполняла всю ширину элемента

Например, если нужно выровнять текст заголовка по центру, можно использовать следующий код:

Заголовок

Если нужно выровнять несколько элементов одновременно, то лучше использовать класс:

Заголовок
Текст абзаца

Также стоит учитывать, что свойство text-align наследуется от родительских элементов. То есть, если для родительского элемента задано свойство text-align, оно будет применяться и к дочерним элементам. Если нужно убрать выравнивание, можно задать значение свойства text-align для дочернего элемента в значение unset:

Заголовок