Comment faire pour centrer la barre de navigation à l'UL?

Essayé display: inline-block; text-align: center; et beaucoup de choses de l'Internet, mais rien n'a aidé.

#nav{
    width: 100%;
    float: left;
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none;
    background-color: #C9C9C9;
    border-bottom: 5px solid #ddd; 
    border-top: 1px solid #ccc; }
#nav li {
    list-style: none;
    float: left; }
#nav li a {
    display: block;
    padding: 5px 5px;
     font-size: 13px;
    text-decoration: none;
    color: #000;
    border-right: 1px solid #ccc; }
#nav li a:hover {
    color: #fff;
    background-color: #000; 
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

HTML:

    <ul  id="nav">
            <?php wp_nav_menu('menu=header_menu&container=false'); ?>
        <div class="clear"></div>
   </ul>

Il ressemble à ceci:

Comment faire pour centrer la barre de navigation à l'UL?

... et je ne sais pas comment faire pour centrer.

de base est : ul {margin:0;padding:0;list-style-type:none;text-align:center;} li {display:inline-block;} , si li chars, de vous perdre 🙂
Le seul élément admis directement à l'intérieur d'un <ul> est un <li>!
Putain, ce qu'il! Poste en tant que la réponse et je vais le marquer 🙂
fait! +1 pour la question

OriginalL'auteur user2462794 | 2013-06-15