it-swarm.com.de

Ich kann eine ul nicht mit CSS zentrieren

Leute, ich versuche, diese einfache ul hier zu zentrieren. Irgendeine Idee, was falsch ist?

CSS:

ul {
    margin-left: auto;
    margin-right: auto;
}

li {
    display: inline;
    background-color: gray;
    color: white;
    list-style: none;
    margin: 5px;
    padding: 5px;
}

JSP/HTML:

<ul>
        <li>Login</li>
        <li>Option2</li>
        <li>Optino3</li>
    </ul>
1

Denn obwohl das ul zentriert ist (mit dem Rand: auto), handelt es sich um ein Blockelement, das sich über die gesamte Breite des Elements erstreckt. Auf beiden Seiten ist kein Platz für einen Rand. Sie müssen eine Breite für das ul -Element angeben, damit dies funktioniert.

2
Stephan Muller

Überprüfen Sie http://matthewjamestaylor.com/blog/2 es hat viele HTML/CSS-Artikel.

EDIT

Auch hier spricht nichts dagegen, abgewertet zu werden. Aber zu wissen , warum Downvotes (sowie Upvotes, es sei denn, es ist wirklich wirklich offensichtlich), ist in der Tat für alle wichtig, auch für mich.

Obwohl die Frage am besten in ein anderes Forum passt (ja, ich habe die Frage zuerst kommentiert), habe ich versucht, eine nette Antwort zu geben, da QS ein Anfänger zu sein scheint. Und für Anfänger denke ich, das Beste ist, nicht nur das Problem zu lösen, sondern die Grundlagen zu lernen.

0
Dave