CSS поля: 0 автоматически на li>a ⇐ Html

[Anonymous]

Я хочу, чтобы панель навигации с ее элементами (li>a) находилась посередине.
Я добился только стиля с плавающей точкой слева.

Код: Выделить всё

#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;
}

Код: Выделить всё

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

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

[/list]

Как видите, я ввел ul>li>a {margin:0 auto;

Почему это не работает?

Панель навигации:



Подробнее здесь: https://stackoverflow.com/questions/363 ... uto-on-lia