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

Некоторые пользователи задаются вопросом: как сделать так, чтобы на сайте, новый абзац начинался с красной строки? Т.е логичная и эстетичная красная строка в тексте.

В общем в этом нет ничего сложного, если немного захотеть поработать… Но, думаю, если человек заботится о эстетическом виде своего сайта, то он обязательно с этой задачей справится, даже если имеет знаний о CSS меньше свой бабушки (красную строку посредством примера html — рассматривать сегодня не будем)). Ну а для большей доходчивости)) я к этой коротенькой статье приложу подробное видео, ниже.

как сделать красную строку в тексте статьи сайта CSS

Приступим: всё как и всегда — делайте бекап — или файла style.css или всего сайта скопом (нужная предосторожность). Также о предосторожностях ВООБЩЕ — можно узнать из статьи: Необходимые настройки новенького сайта на WordPress
Немного теории CSS. Запоминать здесь особо, я так думаю, не нужно, но вот иметь в виду некоторые свойства языка css — необходимо.

Выравнивание задаётся свойством “text-align”, и имеет 4 значения:

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

Взгляните на код, расположенный ниже:

Этот пример для того, если вы решите сделать постоянную задачу централизации заголовкам (селекторы h1, естественно, могут быть разными).

Как задаётся «центр» конкретному Title, я расскажу в видео.

h1{
text-align: center;
}

Ну а этот, только для того, чтобы обычный текст «работал» по НАШЕЙ красной задаче — CSS.

Красная же строка задаётся свойством text-indent. Значение задаётся в пикселях, так что: кому сколько нравится…

p{
text-indent: 30px;
}

Вот практически и всё: открываете файл стилей вашей темы и, для начала, прописывайте куда-нить в финал документа предложенный код.

Сохраните действия ваших редакций.

…и смотрите что получилось на страничке блога…

Теперь у вас каждый абзац текста будет с красной строки. Но… радоваться рановато…

Дело в следующем: если вы ещё мало подстраивали свою тему, то у вас эти «красные строки» будут прописываться где угодно: в сайдбарах, например. И одно дело, если вас это устраивает, но совсем другое, если — нет.

Посмотрите как у меня заданы отступы: «краснеет» только статья, а бар и т.п. — нет. Впрочем, всё на ваше эстетическое чувство)

Чтобы задать отступы только контексту статей, мы поступим чуть иначе: найдите в файле стилей селекторы с добавочным «р», к примеру, такие — (или наподобие))
#content p{…….. text-indent:30px}

Теперь вы знаете, как сделать строку в абзаце красной…

На этом занавес представления опускается…
…на рампы пыль печальная ложится…