title: Floating a div without specifying a width
body: <p>I can float an image on the left and have the text wrap around it no problem just by specifying <code>float: left</code> on the image. Like this:</p>
  
  <pre><code>&lt;div id='foo'&gt;
  
    &lt;img src='bar' alt='baz' style='float: left;' /&gt;
    Lorem ipsum...
  
  &lt;/div&gt;
  </code></pre>
  
  <p>However if the image is wrapped in a div like the following i cannot achieve the same effect without declaring a fixed width on both the <code>div#image_container</code> and the <code>div#text_container</code></p>
  
  <pre><code>&lt;div id='image_container'&gt;
    &lt;img src='blah' alt='blah' /&gt;
  &lt;/div&gt;
  
  &lt;div id='text_container'&gt;
    Lorem ipsum... long text
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to keep the flexibility of the first solution and avoid declaring a width and have the <code>div#image_container</code> float next to the <code>div#text_container</code>?</p>