title: Making an unordered list span 100% the width of a div
body: <pre><code>&lt;div&gt;
    &lt;ul&gt;
      &lt;li&gt;First&lt;/l1&gt;
      &lt;li&gt;Second&lt;/li&gt;
      &lt;li&gt;Third&lt;/li&gt;
      &lt;li&gt;Fourth&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  
  
  div {
    width: 100%;
  }
  li {
    list-style: none;
    float: left;
  }
  </code></pre>
  
  <p>With CSS, is there a way to make the LI tags automatically fill the whole width of the parent div, evenly? So they'd each take up 25%. </p>
  
  <p>Specifying 'width' as 25% would obviously work but it's not solution I'm after. The menu in question is dynamically created and new items are created and deleted at times.</p>
  
  <p>Cheers</p>