title: Full-justify for li elements
body: <p>We have an adaptive layout where some list elements are displayed horizontally:</p>
  
  <pre><code>| Li1 | Li2 | Li 3 | Li4 |
  </code></pre>
  
  <p>Obviously I can just set</p>
  
  <pre><code>ul {width:100%}
  ul li {width:25%}
  </code></pre>
  
  <p>To have the li's change size as the browser changes size.  However, we want the left edge of the left-most li to align to the left edge with the right-most li right edge aligning to the right edge even as the browser expands.</p>
  
  <pre><code>Li1    Li2    Li3     Li4
  |                       |
  
  Li1      Li2      Li3       Li4
  |                             |
  
  Li1  Li2  Li3   Li4
  |                 |
  </code></pre>
  
  <p>Is there a way to do this with pure css?</p>