text-align-last: выравнивание последней строки
Text-align-last задаёт выравнивание последней строки текстового блока и строки перед принудительным разрывом. Это отдельная настройка от выравнивания остальных строк абзаца.
Назначение
Text-align-last задаёт выравнивание последней строки текстового блока и строки перед принудительным разрывом. Это отдельная настройка от выравнивания остальных строк абзаца.
Как это работает
В примере основной текст выравнивается по ширине, а последняя строка — к началу. Значение start учитывает направление письма. Такой приём нужно оценивать по читаемости, особенно в узких колонках.
Пример
<style>.last-line{max-width:28rem;text-align:justify;text-align-last:start;line-height:1.6}</style>
<p class="last-line">Учебная заметка показывает различие между выравниванием полного абзаца и его завершающей строки. Меняйте ширину области и сравнивайте распределение пробелов.</p>Что должно получиться
Полные строки могут растягиваться по ширине, а последняя остаётся у начала строки. При слишком широком контейнере абзац может поместиться в одну строку, и сравнение станет менее наглядным.
Граница применения и частая ошибка
Выравнивание по ширине способно создавать большие промежутки между словами. Не считайте его обязательным для статей в интернете. Ручные br меняют границы строк, к которым применяется text-align-last, и могут дать неожиданный результат.
Самостоятельная проверка
Сравните start, center и justify на последней строке. Уменьшите ширину до мобильной и оцените пробелы. Если текст читается хуже, верните обычное выравнивание всего абзаца по началу.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.