CSS Kochbuch

5.9 Listeneinträge als Inline-Elemente darstellen

Problem

Die Listeneinträge sollen so dargestellt werden wie in Abbildung 5-15: als seien sie Teil eines Absatzes. Die fett gedruckte und durch Kommata getrennte Darstellung der Liste wurde mit einem einfachen ul-Element erreicht.

Abbildung 5-15. Darstellung der Listeneinträge als Inline-Elemente innerhalb eines Absatzes

Lösung

Formatieren Sie die Absätze vor (und gegebenenfalls nach) der Liste:

<h3>
 Table of Contents
</h3>
<p>
 As proposed, the contents of the paper will contain the
 following sections:
</p>
<ul>
 <li>I"m not the Same Person I was in the Database</li>

<li>Past Breaches of Our Privacy</li> ...