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

Описание

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

Синтаксис

text-align-last: auto | 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 диких свою. Ручеек путь текстов реторический.

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

Описание

Синтаксис

Пример

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

Селекторы атрибутов со значениями через пробел

Свойство transform-style

Свойство left

Свойство border-top-style

Свойство grid-column

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