nicht angemeldet
Zentrierung von UL bei <LI style="float:left">
Servus zusammen,
häufig muss eine unsortierte Liste als Top-Menü einzeilig und zentriert dargestellt werden.
<ul>
<li>text 1</li>
<li>text 2</li>
<li>text 3</li>
<li>text 4</li>
<li>text 5</li>
</ul>
Der Einsatz von "float:left;" auf die <li> erzwingt einzeilige Darstellung. Doch wie bekomme ich diese Zeile zentriert dargestellt?
-
Der Einsatz von "float:left;" auf die <li> erzwingt einzeilige Darstellung. Doch wie bekomme ich diese Zeile zentriert dargestellt?
Gib der Liste eine Breitenangabe und weise dem linken und rechten Außenabstand den Wert "auto" zu.
Siechfred
--
Ich bin strenggenommen auch nur interessierter Laie. (molily) -
¡Hola!
häufig muss eine unsortierte Liste als Top-Menü einzeilig und zentriert dargestellt werden.
Alternativ zu Siechfreds Vorschlag kannst Du (wenn Du keine Breite angeben willst) die Listenelemente mit display:inline in eine Zeile bringen. Zentrieren läßt sich das ganze dann, indem Du der ul text-align:center verpaßt. Den Abstand zwischen den Listenelementen kannst Du mit padding regeln.
Viele Grüße vom Længlich