CSS margin:0 auto on li>a ⇐ HTML

[Anonymous]

Ich möchte, dass sich eine Navigationsleiste mit ihren Elementen (li>a) in der Mitte befindet.
Ich habe nur den Float-Left-Stil erreicht.

Code: Select all

#wrapper {
width: 900px;
margin: 0 auto;
}
li {
float: left;
}
ul>li>a {
display: block;
padding: 14px 16px;
color: #fff;
text-align: center;
text-decoration: none;
margin: 0 auto;
font: 18px Inconsolata;
}
/* fdfdf */

ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
border-radius: 20px;
}
ul>li:hover {
background: #111;
}
li>a.active {
background-color: #4CAF50;
color: #fff;
}

Code: Select all

[list]
[*][url=#]Home[/url]

[*][url=#]Blog[/url]

[/list]

Wie Sie sehen, habe ich ul>li>a {margin:0 auto;

Warum funktioniert es nicht?

Navigationsleiste: