title: how to align navigation horizontally and center it, with responsive CSS preferably
body: <p>How to center navigation horizontally inside the div? The CSS should be responsive preferably. </p>
  
  <p>HTML:</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>well, the css was, and changed the left: 50% to 25%, nada. hope this was enough</p>
  
  <pre><code>#centermenu {
  float: left;
  width: 100%;
  text-align: center;
  border-bottom: 2px solid #011;
  background: #ffe;
  overflow: hidden;
   position: relative;
  }
  
  #centermenu ul {
  float: left;
  clear: left;
  position: relative;
  list-style: none;
  left: 50%;
  display: block;
  text-align: center;
  }
  
  
  #centermenu ul li {
  display: inline;
  text-align: center;
  margin: 1em;
  padding: 1em;
   }
  </code></pre>