title: nav menu won't line up horizontally
body: <p>i'm trying to get a horizontal navigation bar, but I can't get it to work right.</p>
  
  <p><a href="http://jsfiddle.net/2fkxx/" rel="nofollow">http://jsfiddle.net/2fkxx/</a></p>
  
  <pre><code>nav {
      text-align: center;
  }
      nav ul {
          margin: 0;
          padding: 0;
          list-style: none;
          display: inline-block;
      }
          nav ul li {
              display: inline;
          }
              nav ul li a {
                  text-decoration: none;
                  display: block;
                  width: 80px;
              }
  </code></pre>