CSS Kochbuch

2.10 Größere und zentrierte Versalien

Problem

Ein großer Versal soll in der Absatzmitte platziert werden.

Lösung

Umgeben Sie den ersten Buchstaben des ersten Satzes des Absatzes mit einem span-Element, das ein class-Attribut besitzt:

<p><span class="initcap">O</span>nline, 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>

Zusätzlich zu den Stildefinitionen für den ersten Buchstaben mit Hilfe des span-Tags und des Klassenselektors definieren Sie weitere Regeln, die die Einrückung für den Absatz festlegen (siehe Abbildung 2-9):

p { text-indent: 37%; line-height: 1em; } p span.initcap ...