title: Conditional CSS if div content wraps
body: <p>I have a navigation bar across the top of the page. It's just made up of a <code>div</code> wrapping stylized <code>a</code> links. <a href="http://jsfiddle.net/LenMU/" rel="nofollow">JsFiddle</a></p>
  
  <pre><code>&lt;div class="navigation"&gt;
      &lt;a href="someplace"&gt;1&lt;/a&gt;   
      &lt;a href="someplace"&gt;2&lt;/a&gt;
      &lt;a href="someplace"&gt;3&lt;/a&gt;
      &lt;a href="someplace"&gt;4&lt;/a&gt;   
  &lt;/div&gt;
  </code></pre>
  
  <p>When the user shrinks the page and the links go beyond the width of the window, some of them drop below. What I'd like is for a border to go at the bottom of everything but the last child--that is, the last children that just became the last children because of window resize and not actual code placement. Is this possible?</p>