• RSS
✎ Помощь начинающим и профессиональным блоггерам, создание, поддержка сайтов и блогов e-mail siteblogger@inbox.ru icq 353-724-370

Главная ›› Уроки по CSS, CSS3 ›› Отступ абзаца через CSS

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

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

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

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

p {
  text-indent: 20px;
}

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

Поделиться ссылкой:


« 
 »

Читайте также:

Оставить комментарий


  • RSS

«Как создать и продвинуть свой сайт»

2011–2017 © Siteblogger.ru
Рейтинг@Mail.ru