title: Evenly-spaced navigation links that take up entire width of ul in CSS3
body: <p>I'd like to create a horizontal navigation list of links, where the nav links are evenly spaced and take up the full width of the enclosing container <code>&lt;ul&gt;</code>. Nav links can be different widths. The first and last links should line up with the beginning and end of the <code>&lt;ul&gt;</code> respectively (meaning the links aren't centered), like this:</p>
  
  <p><code>|left side..right side|</code></p>
  
  <p><code>link1 link1 link3 link4</code></p>
  
  <p>Unless I'm mistaken, I don't think there is a way to do this in CSS2. But is there a way to do it in CSS3? Otherwise I'll need to do it in Javascript.</p>