Initial: Großbuchstabe am Anfang des Absatzes

In literarischen Texten wird der erste Buchstabe eines Absatzes oder Textes oft besonders betont. Diesen Buchstaben nennt man Initial:

Ein Initial am Anfang eines Absatzes

Es gibt verschiedene Arten von Initialen. Die in der Abbildung dargestellte Variante wird auf Englisch als dropcap bezeichnet, kurz für "dropped capital letter", was frei übersetzt so viel heißt wie "fallen gelassener Großbuchstabe".

Mit CSS ist ein Initial auch ohne Grafiken einfach zu bewerkstelligen. Am zuverlässigsten geht das, indem das Block-Element eine Klasse erhält und der hervorzuhebende Buchstabe mit span markiert wird.

Im folgenden Quelltext bekommt der erste Buchstabe eine Serifenschrift, eine Schriftgröße von 400 %, eine line-height von 1 und die Anweisung, nach links zu floaten. Mit ein bisschen Hintergrundfarbe und einer dünnen Rahmenlinie sieht er so aus wie in der Abbildung oben:

Öffnen Sie die Datei dropcap.html aus dem Basisordner und ergänzen Sie im HTML das p-Element und die Klasse dropcap und markieren Sie den ersten Buchstaben des Absatzes mit einem span wie folgt:

<p class="dropcap">
<span>E</span>ine Initiale oder ein Initial ... 

Ergänzen Sie danach den Style-Block im head der Seite um folgende CSS-Regel: