Как сделать отступ в абзаце красной строкой — на сайте WordPress

Сегодня в этой коротенькой заметке я расскажу вам, как сделать свой блог ещё на чуточку изящнее и симпатичнее.

Сделаем отступ красной строки в абзацах нашего сайта. Может, кому и пригодится) Я, например, подобными возможностями CSS пользуюсь, несмотря на то, что интернет в наше легендарное время нихрена, в большинстве своём, не «шевелится», и многие пытаются «облегчаться», всеми способами урезая скрипты.

Вероятно, дойдёт до того, что, открыв страницу какого-нить блога уважаемого аксакала, нас встретит осовремененная лаконичная надпись: «Сайт Васи Крутого; расцветку воспринимать, как «кофе с молоком»; и непременно внюхивайтесь и фантазируйте – вас должен встретить наитончайший аромат свежеподжаренного бобокофе и т.п».

Итак:

Как сделать строку абзаца в статье сайта красной — CSS

вот пример, который вам нужно будет прописать к себе в файл стилей.

p{
text-indent: 30px /*величина отступа строки*/
}

Кому как удобнее, можете просто добавить его куда-нить в финал документа style.css или вживить в уже существующий селектор.

Например, у меня так:

div.content p { padding: 0px 7px; text-indent: 30px}

Но у вас (в вашем файле стилей) пример может быть каким-то иным. Главное отыскать (опытным путём) нужный селектор, отвечающий за обработку ИМЕННО контента статьи и добавить к его правилам свойства, которые показаны выше.

Почему так правильнее!? …да потому что (и такие случаи довольно часты), если просто подписать наш «красный» селектор к существующему файлу стилей, то отступ станет распространяться на весь сайт скопом: и на сайдбары в том числе. Так что, кого это устраивает – хорошо. А тем, которым красная строка необходима строго в теле статьи, придётся поработать со своим файлом стилей и моим примером.

Итог:

Селектор «р» отвечает за обработку основного текста на любом из сайтов. Поэтому ищите нужный вам (для подписки вышепоказанного), так сказать, по приметам р (р обычно бывает добавочным — смотрите мой рабочий пример выше)).

Ну и что ещё: как сделать отступ — вопрос закрыт! теперь всё зависит от вашей фантазии, где и как станете использовать предложенное красное правило tongue wink
Этим примером css красная строка в тексте вашего сайта обеспечена.

Вот, на всякий случай, несколько полезных свойств CSS, которми запросто можно поправить ваши тексты.

left – выравнивание по левому краю
center – выравнивание по центру
right – выравнивание по правому краю
justify – выравнивание по ширине

Как сделать отступ заголовкам? …Просто!

Красный отступ задаётся так: (естественно, все значения h1..h2…H3… могут меняться в зависимости способа использования)

h1{
text-align: center;
}