title: How to center navigation bar in UL?
body: <p>Tried <code>display: inline-block; text-align: center;</code> and many things from the Internet, but nothing helped.</p>
  
  <pre><code>#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; }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;ul  id="nav"&gt;
              &lt;?php wp_nav_menu('menu=header_menu&amp;container=false'); ?&gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
     &lt;/ul&gt;
  </code></pre>
  
  <p>It looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/PGrG9.jpg" alt=""></p>
  
  <p>... and I don't know how to center it.</p>