Как мне получить div для обтекания плавающих потомков?

Учитывая следующий код, где элементы span плавают внутри div , как я могу заставить div обтекать плавающие дочерние элементы, чтобы граница в 1 пиксель охватывала дочерние элементы?

<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>