JSFiddle - React, Tailwind, and code Playground

by WORKMAN

HTML

CSS даёт возможность форматирование абзаца с использованием псевдоэлементов :first-letter и :first-line. Можно выделить первый символ каждого абзаца, имитируя буквицу или придать особое форматирование первому предложению абзаца.

<p>Пример</p>
<p>Пример</p>
<p>Пример</p>
<p>Пример</p>

CSS

/*первый абзац*/
p:first-letter {
  font-size: 2em;
  margin-right: 2px; 
  color: #EE9966;
  font-weight: bold;
  text-shadow: -1px -1px 1px white, 1px 1px 1px #9E9D99;
}
p:first-line {color: #EE9966;}