CSS-Formatierung von Sitemaps, Beispiel 1

Abschnitt

Kapitel

Unterkapitel mit einer Bezeichnung, die etwas länger ist und
deshalb zwei Zeilen Text benötigt.

Unterkapitel

Kapitel

Unterkapitel

Unterkapitel

Unterkapitel

Abschnitt

Kapitel

Unterkapitel

Unterkapitel

Kapitel

Unterkapitel

.

.

Das Style-Sheet dieser Seite:


body {
   font: 15px sans-serif;
   background-color: #fff;
   color: #000;
   padding: 0;
   margin: 0;
   }

DIV#sitemap P {
   margin: 0.7em 1em;
   }

Das HTML für die Sitemap:

<div id="sitemap">
<p>Abschnitt</p>
<p>Kapitel</p>
<p>Unterkapitel</p>
<p>Unterkapitel</p>
<p>Kapitel</p>
<p>Unterkapitel</p>
<p>Unterkapitel</p>
<p>Unterkapitel</p>
<p>Abschnitt</p>
<p>Kapitel</p>
<p>Unterkapitel</p>
<p>Unterkapitel</p>
<p>Kapitel</p>
<p>Unterkapitel</p>
<p>.</p>
<p>.</p>
</div>