# Свойство text-align-last

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

Обратите внимание на то, что если в элементе (например, в абзаце), только одна строка - то она считается одновременно первой и последней и выравнивание у нее будет такое, как задано в `text-align-last`, а не в `text-align`.

## Синтаксис

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

## Значения

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

Значение по умолчанию: `auto`.

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

`<p> Lorem ipsum dolor sit amet, consectetur adipiscing elitorire aenean a dapibus magna, ac interdum nisl. Suspendisse egetil fringilla nibh, eu commodo arcu. Donec lacinia tempor velite sed tincidunt. Aliquam porttitor nulla purus, vel vulputater ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi ante purus lacini dui, interdum fringilla massa eros ut duir. </p> <p> Lorem ipsum dolor sit amet. </p>` `p { text-align: justify; text-align-last: left; }`

:

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

`<p> Lorem ipsum dolor sit amet, consectetur adipiscing elitorire aenean a dapibus magna, ac interdum nisl. Suspendisse egetil fringilla nibh, eu commodo arcu. Donec lacinia tempor velite sed tincidunt. Aliquam porttitor nulla purus, vel vulputater ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi ante purus lacini dui, interdum fringilla massa eros ut duir. </p> <p> Lorem ipsum dolor sit amet. </p>` `p { text-align: justify; text-align-last: right; }`

:

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

`<p> Lorem ipsum dolor sit amet, consectetur adipiscing elitorire aenean a dapibus magna, ac interdum nisl. Suspendisse egetil fringilla nibh, eu commodo arcu. Donec lacinia tempor velite sed tincidunt. Aliquam porttitor nulla purus, vel vulputater ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi ante purus lacini dui, interdum fringilla massa eros ut duir. </p> <p> Lorem ipsum dolor sit amet. </p>` `p { text-align: justify; text-align-last: center; }`

:

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

`<p> Lorem ipsum dolor sit amet, consectetur adipiscing elitorire aenean a dapibus magna, ac interdum nisl. Suspendisse egetil fringilla nibh, eu commodo arcu. Donec lacinia tempor velite sed tincidunt. Aliquam porttitor nulla purus, vel vulputater ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi ante purus lacini dui, interdum fringilla massa eros ut duir. </p> <p> Lorem ipsum dolor sit amet. </p>` `p { text-align: justify; text-align-last: justify; }`

:

← →
↑
en ru