Клавиша / esc

text-align-last

Как сделать финальный аккорд стильным? Управляем выравниванием последней строки.

Время чтения: меньше 5 мин

Кратко

Скопировано

text-align-last управляет выравниванием последней строки в блоке. Также работает для строк, которые заканчиваются принудительным переносом строки (например, перед тегом <br>).

Если это свойство не задано, то выравнивание определяется правилами текущего языка (значение атрибута lang у тега <html>), либо значением свойства direction (ltr — слева направо, rtl — справа налево).

Как пишется

Скопировано
  • auto — выравнивание, как и для остальных строк, кроме случая со значением justify, тогда строка будет выравниваться по тому краю, по которому принято в текущем языке (значение по умолчанию).
  • start — в ту же сторону, что и весь остальной текст.
  • end — в противоположную сторону от остального текста.
  • left — по левому краю.
  • right — по правому краю.
  • center — по центру.
  • justify — по ширине, чтобы заполнить всё пространство.
Открыть демо в новой вкладке

Подсказки

Скопировано

💡 Не влияет на выравнивание остальных строк в блоке. Для этого используйте свойство text-align.

💡 Задаёт выравнивание для всех последних строк в выбранном элементе. Например, если у вас есть контейнер <div> с пятью абзацами в нём, выравнивание будет применяться к последней строке каждого из абзацев. Чтобы выровнять только последнюю строку последнего абзаца, используйте :last-child или :last-of-type.