Создание классических типографских эффектов с использованием CSS: первая строка вступления

Демонстрация работы псевдоэлемента первой строки, специально для сайта dejurka.ru

HTML

<p id="first-line-header">Philip, after the defeat of Onomarchus, <br>had marched toward the pass of Thermopylae…</p>

CSS

p#first-line-header::first-line {
    font-variant: small-caps;
}
p#first-line-header {
    font-family: Calluna,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 1.2rem 3rem 1.2rem 1.2rem;
}