Урок 3 із 104
3%
← Назад

Останній рядок тексту в CSS

Вивчаємо властивість text-align-last, яка дозволяє окремо вирівнювати останній рядок багаторядкового тексту.

Останній рядок тексту в CSS

За замовчуванням останній рядок абзацу вирівнюється так само, як і весь текст. За допомогою властивості text-align-last можна задати для нього окреме вирівнювання.

Властивість text-align-last

Властивість працює для багаторядкового тексту та дозволяє вирівняти лише останній рядок.


p {
  text-align: justify;
  text-align-last: right;
}
  • left — вирівнювання по лівому краю.
  • center — вирівнювання по центру.
  • right — вирівнювання по правому краю.
  • justify — вирівнювання по ширині (якщо підтримується браузером).
  • auto — стандартна поведінка браузера.
❗ Важливо:

Властивість працює лише тоді, коли текст займає декілька рядків.

Практичне завдання

📌 Завдання:
  1. №1. Є довгий текст.
  2. №2. Вирівняйте останній рядок цього тексту по правому краю.
💡 Показати підказку

Спочатку зробіть текст вирівняним по ширині за допомогою text-align: justify, а потім використайте text-align-last.

✅ Показати відповідь

p {
  text-align: justify;
  text-align-last: right;
}