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

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

На 2015 год работает только в Firefox, с приставкой -moz.

Синтаксис

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

Значения

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

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

Примеры

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

p {
	text-align: justify;
	-moz-text-align-last: left;
	text-align-last: left;
}

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Lorem ipsum dolor sit amet.

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

p {
	text-align: justify;
	-moz-text-align-last: right;
	text-align-last: right;
}

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Lorem ipsum dolor sit amet.

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

p {
	text-align: justify;
	-moz-text-align-last: center;
	text-align-last: center;
}

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Lorem ipsum dolor sit amet.

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

p {
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
}

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl.
Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt.
Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Lorem ipsum dolor sit amet.