title: CSS center align ul list
body: <p>I have a <code>&lt;ul&gt;</code> list on my website that contains some sub menus. It is structured in this way:</p>
  
  <pre><code>&lt;div id="cssmenu"&gt;
  &lt;ul&gt;
     &lt;li class='active'&gt;&lt;a href='index.html'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li class='has-sub'&gt;&lt;a href='#'&gt;&lt;span&gt;RNG&lt;/span&gt;&lt;/a&gt;
        &lt;ul&gt;
           &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
           &lt;li class='last'&gt;&lt;a href='#'&gt;&lt;span&gt;menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
     &lt;/li&gt;
     &lt;li class='has-sub'&gt;&lt;a href='#'&gt;&lt;span&gt;Altro&lt;/span&gt;&lt;/a&gt;
        &lt;ul&gt;
           &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;kldajofa&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
           &lt;li class='last'&gt;&lt;a href='#'&gt;&lt;span&gt;Altro12&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
     &lt;/li&gt;
     &lt;li class='last'&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have 4 <code>&lt;li&gt;</code> as you can see and I'd like to see them center-aligned with the width of the screen, but I don't know how to do it.</p>
  
  <p>You can see a <a href="http://jsfiddle.net/neQbS/" rel="nofollow noreferrer">fiddle</a> here that contains the CSS too. How can center align the names I have on my menu?</p>
  
  <p><img src="https://i.stack.imgur.com/FeqEu.png" alt="enter image description here"></p>