CSS-свойство text-align

CSS-свойство text-align устанавливает горизонтальное выравнивание встроенных элементов (inline), таких как текст и изображения в элементе родительского блока, таком как заголовок (h1 - h6) или абзац <p>.

Значение по умолчанию:	`left`, если `direction` `ltr` и `right`, если `направление` `rtl`
Применяется к:	Блочные элементы, строчные элементы и ячейки таблиц (table cells)
Наследование:	Да
Анимирование:	Нет. Анимируемые свойства
Версия:	CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

text-align: left | right | center | justify | initial | inherit

Примеры написания кода свойства text-align:

h1 {
    text-align: center;
}
p {
    text-align: justify;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`left`	Выравнивает встроенный текст по левому краю.
`right`	Выравнивает встроенный текст по правому краю.
`center`	Выравнивает встроенный текст по центру.
`justify`	Текст заполяется на всю ширину контейнера растягивая пробелы и слова.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `text-align`.