CSS Kochbuch

2.9 Versalien zu Beginn eines Absatzes

Problem

Ein Absatz soll mit einem Versal beginnen. Als Versalien bezeichnet man besonders große Buchstaben am Absatzanfang, die mehrere Punkte größer als der übrige Text oder oftmals auch mehrere Zeilen hoch dargestellt werden.

Lösung

Platzieren Sie den Absatz in einem p-Element:

<p>Online, activity of exchanging ideas is sped up. The
distribution of messages from the selling of propaganda to the
giving away of disinformation takes place at a blindingly fast
pace thanks to the state of technology &hellip;</p>

Benutzen Sie nun das Pseudoelement :first-letter, um den ersten Buchstaben des Absatzes mit einer speziellen Stildefinition zu versehen (siehe Abbildung 2-8):

p:first-letter { font-size: 1.2em; background-color: ...