title: Center a navigation menu
body: <p>I am using a template and I am trying to center that navigation bar because I moved the logo. Here is the CSS</p>
  
  <pre><code>/* Menu */
  .menu{float:right; padding:14px 20px 0 0;}
  .menu ul {list-style:none; margin:0; padding:0px;}
  .menu ul * {margin:0; padding:0;}
  .menu ul li {position:relative; float:left; padding:0 20px 0 20px; height:35px;}
  .menu ul li a{font-family: 'Marmelad', sans-serif;color:#2b2b2b; font-size:16px;}
  .menu ul li.selected a{color:#e93139;}
  .menu ul li a:hover{color:#e93139;}
  
  &lt;div class="menu"&gt;
      &lt;ul&gt;
          &lt;li class="selected"&gt;&lt;a href="index.html"&gt;home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="about.html"&gt;about&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="page.html"&gt;competition&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="page.html"&gt;workshops&lt;/a&gt;&lt;/li&gt;
  
          &lt;li&gt;&lt;a href="blog.html"&gt;travel&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="portfolio.html"&gt;gallery&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="contact.html"&gt;contact&lt;/a&gt;&lt;/li&gt; 
      &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>How do I center this menu?</p>