Свойство text-align

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

Синтаксис

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

Значения

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

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

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

<p>
	какой-то текст...
</p>

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

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

<p>
	какой-то текст...
</p>

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

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

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

p {
	text-align: center;
}

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

<p>
	какой-то текст...
</p>

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