Свойство text-align

Свойство text-align устанавливает выравнивание текста: по левому краю, по правому, по центру, по левому и правому краям одновременно.

Синтаксис

cssселектор {
  text-align: center | left | right | justify | auto | start | end;
}

Значения

Значение	Описание
`center`	Текст будет выровнен по центру.
`left`	Текст будет выровнен по левому краю.
`right`	Текст будет выровнен по правому краю.
`justify`	Текст будет выровнен одновременно и по правому краю, и по левому.
`auto`	Не изменяет выравнивание элемента (значение по умолчанию).
`start`	Равно `left`, если текст идет слева направо, и `right`, когда текст идет справа налево (арабский язык и т.п.).
`end`	Равно `right`, если текст идет слева направо и `left`, когда текст идет справа налево.

Значение по умолчанию: auto. В большинстве случаев по умолчанию текст выровнен по левому краю (в арабском языке - по правому). Однако, есть исключения, например, текст в th будет выровнен по центру.

Пример . Значение left

html<p>
  some long text
</p>

cssp {
  text-align: left;
  width: 400px;
}

Результат:

Пример . Значение right

html<p>
  some long text
</p>

cssp {
  text-align: right;
  width: 400px;
}

Результат:

Пример . Значение center

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: center;
}

Результат:

Пример . Значение justify

html<p>
  some long text
</p>

cssp {
  text-align: justify;
  width: 400px;
}

Результат: