Центрирование элементов списка

[johan]

Замучался уже, никак не могу расположить элементы по центру, хотя вроде всё по правилам делаю

Подскажи как сделать чтобы li по центру распологались?

http://jsfiddle.net/bsZ67/

[Kray Storm]

вроде всё по правилам делаю

Только вот браузер об этих правилах не знает ))

Как ему рассчитать равные отступы от краев блока до контейнера, если не задана сама ширина блока?

#topmenu ul {

padding: 0;

margin: auto;

width: 417px; /*Теперь все по центру*/

list-style: none;

font-family: "Trebuchet MS";

font-size: 21px;

text-decoration: none;

color: #fff;

}

[npofopr]

width: 417px; /*Теперь все по центру*/

и что делать, если добавить еще пункт меню?

Уберите у li float:left; замените на display: inline-block;

к ul добавить text-align: center;

Edited February 11, 2013 by npofopr

[johan]

в принципе так и сделал, но возникла другая проблема - между элементами появилось расстояние непонятное, в jsfiddle.net его нет, а в браузерах отображает, хотя все margin убрал, как убрать это расстояние и задавать только margin?