Как сделать красную строку в html

Для установки отступа первой строки, блока текста (например, для абзаца <p>) используется CSS свойство text-indent. Значения для отступа могут быть как положительные, так и отрицательные. Рассмотрим пример.

Исходный HTML документ:

<div class="box">
  <p>Пример текста с красной строкой. Пример текста с красной строкой. 
    Пример текста с красной строкой.</p>
  <p>Еще текст с красной строкой. Еще текст с красной строкой. 
    Еще текст с красной строкой</p>
</div>

p {
  text-indent: 25px;
}

.box {
  border: 1px solid #245488;
  padding: 20px;
  width: 300px;
}