title: How to centrally align a float: left ul/li navigation menu with css?
body: <p>So I have the following CSS in place to display a horizontal navigation bar using:</p>
  
  <pre><code>.navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .navigation li {
    float: left;
    margin: 0 1.15em;
    /*    margin: 0 auto;*/
  }
  
  .navigation {
    /*    width: auto;*/
    /*    margin: 0 auto;*/
    text-align: center;
  }
  </code></pre>
  
  <p>My question is: how do I align the navigation bar centrally above the title?</p>