Создаем буквицу при помощи CSS-элементов :first-line и :first-letter


Есть некоторые такие CSS-селекторы и параметры, которыми, как нам кажется, пользуются довольно редко, хотя они есть в спецификации еще со времен CSS1. Некоторые из них представляют собой псевдо-элементы :first-line и :first-letter.
Эти псевдо-элементы работают наподобие смежных :before и :after, и нам кажется, что здесь все довольно доступно и понятно. :first-letter определяет первую букву выделенного элемента, этот псевдо-элемент часто используется для создания типографского эффекта буквица. Давайте рассмотрим, как это реализовано.

 Источник:coolwebmasters.com