title: simple div containing span won't size correctly
body: <p>I thought I was pretty knowledgeable about CSS but this simple problem baffles me.</p>
  
  <p>&lt;div&gt;&lt;span&gt;sample text&lt;/span&gt;&lt;/div&gt;</p>
  
  <p>results in the div's height being smaller than the height of the span if the span has padding. </p>
  
  <p>I realize that there are ways to use "float" to make the div size correctly, but floats always seem to introduce undesired side effects.</p>
  
  <p>Isn't there a clean simple way to tell the div to size to fit its contents? Seems pretty basic to me. Maybe I'm missing something.</p>