Свойство 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>Читайте также
Применяется к дочернему элементу указанного типа
Псевдокласс :only-of-type применяется к дочернему элементу указанного типа, только если он является единственным у родителя....
Свойство grid-column-gap
Определяет размер ширины линий. Вы можете думать об этом, как о настройке ширины отступов между столбцами....
Свойство grid-gap
Определяет отступ между строками и столбцами grid сетки.
Сокращение для grid-row-gap и grid-column-gap....
Свойство list-style
Универсальное свойство. Одновременно задает стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера списка....