title: Given a collection of divs, how can I determine the last one in a row
body: <p>Say I have <code>&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;</code> etc, with each div floated and having a fixed width. </p>
  
  <p>How can I programmatically (using jquery or otherwise) determine the which of the divs will be at the end of a row, as rendered in the browser?</p>
  
  <p>In other words, the same page rendered on a large screen:</p>
  
  <pre><code>[ ][ ][ ][ ]&lt;-I want this one
  [ ][ ][ ]&lt;-and this one
  </code></pre>
  
  <p>and a smaller screen</p>
  
  <pre><code>[ ][ ]&lt;-I want this one
  [ ][ ]&lt;-and this one
  [ ] etc
  </code></pre>