<ul> zentrieren trotz <text-align: left>...?

[Forgetta]

Hallo zusammen,

es besteht folgendes Problem:
Ich habe einen Container, ein Image und eine UL.

Das Ziel:
Die UL soll zwar ihren Text linksbündig darstellen, sich selbst aber mittig unter dem IMG positionieren.
Bisher habe ich sie mit einem margin-left: ...px; zentrieren können.
Allerdings hätte ich sie gerne automatisch zentriert, egal wie breit die Textzeilen in ihr sind.
Sie soll also flexibel sein und stets mittig.

Das Problem:
Ich hab sie weder mit "text-align: center" im container, noch "margin": auto in der UL selbst zentrieren können. Lediglich mit "margin-left", das ist aber nicht flexibel sondern statisch und ich müsste sie jedes mal bei neuem inhalt per Handeingabe nachrücken.

So sieht es momentan aus:



Hat Jemand eine Idee??

[SteiniKeule]

ul mittig und li links?

[JFM]

Eine Ungeordnete Liste (<ul>) ist als Standard immer 100% breit. Willst du diese mit margin:auto zentrieren musst du der ul eine Breite zuweisen, welche kleiner ist als die Breite des Eltern-Elements.


Dann ist deine UL in der Mitte des Elternelements und der Text ist dennoch rechtsbündig.

Code: Alles auswählen

<div style="border:1px solid black;">
<ul style="margin:auto; border:10px solid black; ">
<li>Punkt 1 Heaa</li>
<li>Punkt 2 dsdd dsd d</li>
<li>Punkt 3 dsd dds dsd d </li>
</ul>
</div>