Червоний рядок тексту в CSS

Вивчіть властивість text-indent, яка дозволяє створювати відступ першого рядка тексту в абзацах.

У текстових документах червоний рядок — це відступ першого рядка абзацу. У CSS такий ефект створюється за допомогою властивості text-indent.

Властивість text-indent задає відступ першого рядка тексту. Значення зазвичай вказується у пікселях (px).

<p>
  some long text
</p>

<p>
  some long text
</p>

<p>
  some long text
</p>

p {
  text-indent: 50px;
  text-align: justify;
  width: 400px;
}

У цьому прикладі кожен абзац отримує відступ першого рядка на 50px.

Властивість	Призначення
text-indent	Встановлює відступ першого рядка тексту
text-align	Вирівнює текст
width	Задає ширину елемента

❗ Важливо:

Властивість text-indent застосовується до блочних елементів із текстом, найчастіше до абзаців p.

📌 Завдання:

💡 Показати підказку

Використайте селектор p та властивість text-indent зі значенням у пікселях.

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

p {
  text-indent: 50px;
}