How do I get a div to wrap around floating children?
Considering the following code, where the `span` elements are floating inside of the `div`, how can I make the `div` wrap around the floating child elements, so that the 1px border wraps the children elements?

    <div style="border:1px solid #000">
      <span style="float:left">Content</span>
      <span style="float:left">Content</span>
      <span style="float:left">Content</span>
    </div>
How do I get a div to wrap around floating children?
===

Considering the following code, where the `span` elements are floating inside of the `div`, how can I make the `div` wrap around the floating child elements, so that the 1px border wraps the children elements?

    <div style="border:1px solid #000">
      <span style="float:left">Content</span>
      <span style="float:left">Content</span>
      <span style="float:left">Content</span>
    </div>