title: Center navigation bar css
body: <p>I want to have my navigation bar in the middle of the page but I don't know what to do.
  Here is my code.</p>
  
  <p>CSS</p>
  
  <pre><code>ul {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
  }
  li {
    float:left;
  }
  a {
    display:block;
    width:80px;
    background-color:#000000
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="http://kevril.site40.net/"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.youtube.com/user/SuperKevril"&gt;Youtube&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>