Урок 31 із 239
13%
← Назад

Вирівнювання тексту по центру в CSS

Навчіться вирівнювати текст по центру за допомогою властивості text-align.

Вирівнювання тексту по центру в CSS

Для розташування тексту по центру всередині HTML-елемента використовується властивість text-align зі значенням center.

<p>
  This is a paragraph with text.
</p>
p {
  text-align: center;
}

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

  • text-align: center вирівнює текст по центру.
  • Найчастіше використовується для заголовків та важливих написів.
  • Властивість працює з текстом усередині елемента.
❗ Важливо:

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

📌 Завдання:
  1. Створіть абзац з будь-яким текстом.
  2. Застосуйте до нього CSS-властивість text-align: center.
  3. Перевірте, як змінилося положення тексту у браузері.
💡 Показати підказку

Для центрування тексту потрібно використовувати значення center у властивості text-align.

✅ Показати відповідь
p {
  text-align: center;
}