Eine Liste floaten und zentrieren

[wahsaga]

hi,

Ich habe eine Liste (vereinfacht) mit zwei Punkten (Boxen), die nebeneinander erscheinen sollen. Also verwende ich die float-Eigenschaft. Zusätzlich sollen die Listenpunkte zentriert werden- also margin:auto. Nur will das margin:auto partout nicht zusammen mit float funktionieren.

<ul style="width: 90%; margin:auto; background-color: #00AFAF; list-style-type: none;">

Die Liste selber wird also zentriert dargestellt, mit einer Breite von 90%.

<li style="max-width: 7em;
               min-width: 7em;
               height: 2.5em;
               float: left;

Darin zwei List-Items mit jeweils 7em Breite, die nach Links gefloatet werden.

Zwei mal 7em gleich 14em werden vermutlich nicht die 90% Breite der UL ausfüllen - also werden sie innerhalb dieser links dargestellt, so wie du es per float ja angegeben hast.

Und warum so kompliziert?
LIs display:inline verpassen [*], und UL text-align:center - voila, zwei Listenelemente nebeneinander, in der Mitte von UL.

[*] für height muss dann natürlich ein Ersatz gesucht werden.

gruß,
wahsaga