title: CSS let floats fill unused space
body: <p>Hi I have a little css float problem. </p>
  
  <p>I have 3 floating div's. As viewed below</p>
  
  <pre><code>&lt;div style="width : 200px;"&gt;
     &lt;div style="float : left; width : 90px; height : 50px; "&gt;div 1&lt;/div&gt;
     &lt;div style="float : left; width : 90px; height : 90px; "&gt;div 2&lt;/div&gt;
     &lt;div style="float : left; width : 90px; height : 50px; "&gt;div 3&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want is that div number 3 is floating up in the empty space below div 1.</p>
  
  <p>Is that possible with css?</p>