Axel Richter: HTML-Listen mit CSS in Tabellenform bringen

Beitrag lesen

Hallo nochmal,

Eine Liste kann auch etwa komma-separiert sein
... aber keine UL-Liste, eine DL-Liste eventuell. Das würde ich als Grenzfall der Darstellung einer DL-Liste betrachten:
<style type="text/css">
<!--
dl.komma, dl.komma dt, dl.komma dd {display:inline; padding:0; margin:0;}
dl.komma dd+dd:before {content:', ';}
-->
</style>
</head>
<body>
<h1>HTML-Elemente</h1>
<h2>Listen</h2>
<p><dl class="komma">
<dt>Diese Elemente kennzeichnen Listen:</dt>
<dd><ul></dd><dd><ol></dd><dd><dl></dd>
</dl>.</p>
</body>

Error: Das DL-Element kann natürlich _nicht_ innerhalb von P-Elementen stehen. Bleibt also wieder nur DIV:
<div><dl class="komma">
<dt>Diese Elemente kennzeichnen Listen:</dt>
<dd><ul></dd><dd><ol></dd><dd><dl></dd>
</dl>.</div>

Das ist noch ein Argument gegen Inline-UL, Inline-OL bzw. Inline-DL.

viele Grüße

Axel