title: List shifted right
body: <p>I can't seem to figure out how to get my list of links to be fully centered. It seems shifted to the right to me. Sorry for the very simple question, I'm new to this.</p>
  
  <p><a href="http://jsfiddle.net/mzm7szqn/" rel="nofollow">http://jsfiddle.net/mzm7szqn/</a></p>
  
  <pre><code>        ul{
              text-align:center;
              width:450px;
              margin:0 auto;
              font-family:arial;
              list-style-type:none;
          }
          li{
              font-family:osr;
              display:inline;
              padding: 5px;
          }
  </code></pre>
  
  <p><code>&lt;ul&gt;
  &lt;li&gt;&lt;a href = "#"&gt;Web Page&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href = "#"&gt;After Effects&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href = "#"&gt;Premiere&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href = "#"&gt;Ableton Live&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href = "#"&gt;Blender&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href = "#"&gt;Auto CAD&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;</code></p>