Gast: Menü zentrieren

Mahlzeit,

ich möchte folgende Menüpunkte nebeneinander setzen und gemeinsam horizontal zentrieren:

<ul>
  <li>Punkt 1</li>
  <li>Punkt 2</li>
  <li>Punkt 3</li>
  <div class='clear'></div>
</ul>

dafür probiere ich dieses:

ul {width:100%; margin-left:auto; margin-right:auto} /* Variante 1 */  
ul {width:100%; text-align:center} /* Variante 2 */  
li {  
  display:      block;  
  float:        left;  
  margin:       0 0 0 5px;  
  padding:      2px 5px 2px 5px;  
}

Die Punkte ergeben zwar eine Zeile, kleben aber am linken Rand. margin:auto klappt wohl auch nur zusammen mit einer width-Angabe, die ist aber variabel und damit nicht bekannt.

Wie geht es richtig?

Gruß, Gast

  1. [latex]Mae  govannen![/latex]

    <ul>
      <li>Punkt 1</li>
      <li>Punkt 2</li>
      <li>Punkt 3</li>
      <div class='clear'></div>
    </ul>

    Ungültiges HTML. div darf kein direkter Nachfahre von ul sein.

    Wie geht es richtig?

    https://forum.selfhtml.org/?t=205898&m=1396630 ff

    Stur lächeln und winken, Männer!
    Kai

    --
    Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken
    in Richtung "Mess up the Web".(suit)
    SelfHTML-Forum-Stylesheet
  2. Hallo,

    ich möchte folgende Menüpunkte nebeneinander setzen und gemeinsam horizontal zentrieren:

    <ul>
      <li>Punkt 1</li>
      <li>Punkt 2</li>
      <li>Punkt 3</li>
      <div class='clear'></div>
    </ul>

    Die Frage scheint heute wohl populär zu sein.

    Viele Grüße Novi

    --
    "(...) deshalb mag ich Binärtechnik. Da gibt es nur drei Zustände: High, Low und Kaputt." (Wau Holland)
    1. Moin!

      Die Frage scheint heute wohl populär zu sein.

      Is wohl grad Bestandteil eines Tests oder Hausaufgabe, oder aehnlichem.

      --
      Vergesst Chuck Norris.
      Sponge Bob kann unter Wasser grillen!
      1. Moin!

        Die Frage scheint heute wohl populär zu sein.

        Is wohl grad Bestandteil eines Tests oder Hausaufgabe, oder aehnlichem.

        Achso es gibt mehrere solcher Fragen :D. Ich hab bis jetzt gedacht ich klicke immer das gleiche an :D...
        Na wahrscheinlich waren die Antworten im anderen Thread unbefriedigend.