title: CSS Navigation Bar UL Not Centered
body: <p>I am learning how to make a responsive website following a tutorial here <a href="http://www.hongkiat.com/blog/responsive-web-nav/" rel="nofollow">http://www.hongkiat.com/blog/responsive-web-nav/</a></p>
  
  <p>I am having a problem: I cannot position anything to the right UL inside the NAV &amp; STILL KEEP THE UL CENTERED IN THE SCREEN. For some reason, even if </p>
  
  <pre><code>ul{display:inline-block;} 
  </code></pre>
  
  <p>and </p>
  
  <pre><code>nav{text-align:center;} 
  </code></pre>
  
  <p>the link #pull will push the UL to the left, not making it centered anymore. I want to make a login form floated to the right of the UL in the NAV where #pull is right now in the and I cannot for the life of me figure out how to do it while keeping the UL completely centered in the screen, whatever is to the right of the UL seems to push the UL over, even though it should be centered always.</p>
  
  <p>I'm sure its just a basic CSS positioning issue that I can't figure out because I am new to this, but I just need to place more content on the and I cannot figure out how to.</p>
  
  <p>JSFiddle</p>