Положение CSS для меню заголовка

Question

у меня проблема с моим меню заголовка css, я пытаюсь центрировать меню, используя следующий код CSS,

.header ul.nav li {
        float:right;
        position-right:0px;
        margin: 20px 0 0 15px;


    }
    .header ul.nav li a{
        color: #fcd770;
        text-decoration:none;
        font-weight:bold;
        padding-right:50px;


    }

всегда есть меню с правой стороны, даже когда я удаляю float: right - это неправильно, то, что я тоже смотрю - это переместить всю группу меню в центр, оставив одинаковое пространство между каждой ссылкой, вот мой код моего меню

<ul class="nav">
            <li><a href="#">Home</a></li>
            <li><a href="/about/">about</a></li>
            <li><a href="/users/">user</a></li>
            <li><a href="/support/">Support</a></li>
        </ul>

Answer 1

Вкл. .header ul.nav, добавьте text-align: center.

Вкл. .header ul.nav li, удалить float:right и несуществующий position-right:0px;, затем добавить display: inline-block.

Если вам нужна поддержка IE7, используйте это для display: inline-block:

display: inline-block;
*display: inline;
zoom: 1