Отступ абзаца через CSS

Как правило, любая нормальная статья состоит из множества абзацев, причем часто первая строка каждого из них содержит небольшой отступ. Можно конечно задавать пробелы в статье вручную, но это крайне неудобно. В данном уроке мы покажем, как сделать отступ у абзаца с помощью CSS.

Отступ абзаца через CSS

Напомним, что в HTML абзац создается с помощью тега <p>. Соответственно, каждый абзац должен быть в своем теге <p>. Чтобы создать отступы  первой строки каждого абзаца достаточно подключить код такого вида:

p {
  text-indent: 20px;
}

В данном примере мы сделали отступ в 20 пикселей. Однако вы можете это значение менять, чтобы подобрать оптимальный отступ для своего сайта. Вот таким очень простым способом можно сделать отступ любого абзаца с помощью CSS на своем веб-ресурсе.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *