title: li alignment behaves strange if remove new lines after items
body: <p>I have next navigation block in html template</p>
  
  <pre><code>&lt;nav class="navigation"&gt;
      &lt;ul class="nav"&gt;
          &lt;li&gt;&lt;a href="#"&gt;Item 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Item 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Item 3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Item 4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Item 5&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Item 6&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>with css</p>
  
  <pre><code>.navigation {
       padding: 0 0 19px;
   }
  
  .nav {
      font: 20px/22px "futura_demi_c", Arial, Helvetica, sans-serif;
      text-align: justify;
      text-align-last: justify;
      list-style-type: none;
      padding: 0;
      margin: 0;
  }
  .nav:after {
      content: "";
      display: inline-block;
      width: 100%;
      overflow: hidden;
  }
  .nav li {
      display: inline-block;
  }
  .nav a {
      color: #020202;
  }
  </code></pre>
  
  <p>Items have to be aligned justify in navigation block and occupy all entire width. And they are, if I use the code above.</p>
  
  <p>But if i remove new lines after each 'li' all items move to the right without spaces between them</p>
  
  <pre><code>&lt;nav class="navigation"&gt;
      &lt;ul class="nav"&gt;
          &lt;li&gt;&lt;a href="#"&gt;Item 1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;Item 2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;Item 3&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;Item 4&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;Item 5&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;Item 6&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>Is it normal behaviour or my css is wrong?
  Behaviour is the same for all browsers.
  Jsfiddle examples: correct - <a href="http://jsfiddle.net/x9zfP/1" rel="nofollow">http://jsfiddle.net/x9zfP/1</a> wrong - <a href="http://jsfiddle.net/AMK8z/1/" rel="nofollow">http://jsfiddle.net/AMK8z/1/</a>
  Tnx!</p>