title: how to align navigation horizontally and center it?
body: <p>i need to center the navigation links inside the div, and align it horizontally. I have tried this approach, but did not work.</p>
  
  <p>Fixed the previous error with #centermenu, thanks, but stil does not work.</p>
  
  <pre><code>            &lt;nav id="centermenu"&gt;
                     &lt;ul&gt;
                           &lt;li&gt;&lt;a href="#"&gt;Business&lt;/a&gt;&lt;/li&gt;
                           &lt;li&gt;&lt;a href="#"&gt;Specialities&lt;/a&gt;&lt;/li&gt;
                           &lt;li&gt;&lt;a href="#"&gt;Contact us&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt; 
              &lt;/nav&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#centermenu {
  float: left;
  width: 100%;
  border-bottom: 2px solid #011;
  background: #ffe;
  overflow: hidden;
  position: relative;
  }
  
  #centermenu ul {
  float: left;
  clear: left;
  position: relative;
  list-style: none;
  display: block;
  text-align: center;
  }
  
  
   #centermenu ul li {
  display: block;
  float: left;
  list-style: none;
  margin: 1em;
  padding: 1em;
  }
  </code></pre>
  
  <p>Thanks</p>