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