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

Описание

Задаёт выравнивание последней строки блока текста.

Синтаксис

text-align-last: auto | start | end | left | right | center | justify;
Значение Описание
auto Совпадает с выравниванием, заданным свойством text-align, за исключением значения justify. Для него выравнивание будет как start.
start Строка выравнивается по начальному краю блока, который может меняться в зависимости от направления текста (слева направо или справа налево).
end Строка выравнивается по конечному краю блока, он определяется направлением текста.
left Строка выравнивается по левому краю.
right Строка выравнивается по правому краю.
center Строка выравнивается по центру.
justify Строка выравнивается по ширине. Если в последней строке только одно слово, то оно будет выравнено по левому краю.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 #test-text {
 padding: 20px;
 background-color: rgb(140, 206, 228);
 text-align-last: right;
 }
 </style>
 <div id='test-text'>
 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.
 </div>
</body>
</html>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.

Читайте также

Свойство empty-cells

Указывает, как должна оторажаться граница или фон в ячейке, если она пустая.<br><br>Я...

Отображается ниже самого верхнего элемента в стеке по оси Z

Псевдоэлемент отображается ниже самого верхнего элемента в стеке по оси Z, но выше всех остальных...

Свойство text-stroke-width

Устанавливает толщину контура вокруг букв и символов текста.

Свойство border-width

Устанавливает толщину границы элемента.

Свойство font

Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и те...