title: CSS Float filling gaps between divs
body: <p>I have some elements I want to display. But sadly it does not work the way I want it.</p>
  
  <p>Here is how it works:
  <a href="http://jsfiddle.net/lukasoppermann/H3Nmg/7/" rel="nofollow noreferrer">http://jsfiddle.net/lukasoppermann/H3Nmg/7/</a></p>
  
  <p>I want it so that the red boxes fill the space between the green box and the left side.
  It needs to be dynamic though. The width of the container might change and the order of the elements can be different. </p>
  
  <p>I would of course prefer a css-only way, but js is fine too. Does anyone have any tips?</p>
  
  <p>// EDIT
  To clarify, the elements cannot be hard-coded or floated to the right, because the number of elements, the width of the wrapper and also the number of green elements can vary. The order of the elements can vary too. I basically need the elements to arrange themselves without any wholes automatically.</p>
  
  <p>Thats what I want.</p>
  
  <p><a href="http://img526.imageshack.us/img526/613/boxsorting.jpg" rel="nofollow noreferrer">http://img526.imageshack.us/img526/613/boxsorting.jpg</a></p>