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.

Definitionslisten werden standardmäßig mit hängendem Einzug dargestellt.

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 ...

Get CSS Kochbuch now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.