# Свойство 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; }`

:

←→
↑