CSS Kochbuch

2.20 Hängende Einzüge

Problem

Sie wollen hängende Einzüge in Ihrer Seitengestaltung verwenden.

Lösung

Versehen Sie die Eigenschaft text-indent mit einem negativen Wert:

p.hanging {
 text-indent: −5em;
}

Diskussion

Hängende Einzüge werden in den meisten Browsern bereits standardmäßig für die Darstellung von Definitionslisten verwendet. Mit dem hier gezeigten einfachen Code lassen sich hängende Einzüge (siehe Abbildung 2-30) auch ohne größere Schweißausbrüche realisieren.

Abbildung 2-30. Definitionslisten werden standardmäßig mit hängendem Einzug dargestellt.

<dl> <dt>Hängender Einzug</dt> <dd>Ein häufig verwendeter typografischer Effekt, bei dem die erste ...