title: Sizing div to fit a child span
body: <p>Sorry if everyone has already seen this over and over, I'm sure I've done it before but can't remember or find how!</p>
  
  <p>I've got a parent div tag containing a series of span tags to position a series of elements in line with each other - to clarify, the 'in line' is critical and this is just a single row, multiple sequential rows are a requirement. Using position:relative or block level elements forces it onto a new line, which isn't any use. For example:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
      &lt;title&gt;Positioning testing&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div style="position: relative; padding-top: 2px; padding-bottom: 2px;
                  background-color: Fuchsia;"&gt;
          Hello world
          &lt;span style="position:relative; left: 80px;"&gt;
              &lt;input type="text" id="Test"/&gt;
          &lt;/span&gt;
          &lt;span style="position: absolute; top: 2px; left: 350px; width:250px;
                       background-color:Lime;"&gt;
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at
            fermentum risus. Nulla facilisi. Lorem ipsum dolor sit amet, 
            consectetur adipiscing elit. Pellentesque mattis venenatis enim vitae 
            molestie. Integer in consequat metus. &lt;/span&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I promise those colours are just for testing to make things show up (and ditto the inline styling I promise) :-)</p>
  
  <p>Unfortunately, the fuschia box won't size to fit around the lime. Ugly with one line, a major problem when you need two of these in sequence.</p>
  
  <p>I've tried setting overflow on the parent div, which just hides all but the first line of the span. I've tried setting elements to clear in all sorts of places but none had any visible effect.</p>
  
  <p>Could anyone tell me what I'm missing please? Thanks.</p>