sandwichx: Nummerierte Horizontale Liste

Beitrag lesen

Typisch: Da tut man eine Zeitlang herum und kaum stellt man die Frage ins Forum, kommt man selber auf die Antwort. Also, im Gegensatz zur Vermutung sind Counter gar nicht so kompliziert:

<style type="text/css">  
  ol, ul    { counter-reset:num; margin-left:-2.3em; }  
  li        { display:inline; }  
  li:before { content:counter(num)"." ; counter-increment:num; }  
</style>  

<ol>  
 <li>Eins</li>  
 <li>ZweiZwei</li>  
 <li>DreiDreiDrei</li>  
</ol>

Das ergibt dann: "1.Eins 2.ZweiZwei 3.DreiDreiDrei"

margin-left:-2.3em; : damit die ganze Liste wieder an den linken Rand rückt (Listenpunkt-Einrückung kompensieren)

list-style-type:decimal-leading-zero; : funktioniert dann allerdings nicht mehr. (Ginge sicher irgendwie mit einer nun doch komplizierteren Konstruktion.)

Trotzdem frage ich mich, wieso die Aufzählungszeichen/Nummerierung überhaupt verschwindet bei display:inline; .

Danke für alle Bemühungen und Anregungen!