title: Float div with child div
body: <p>I know this is a strange question </p>
  
  <p>what I want:  CODE 1</p>
  
  <pre><code>&lt;a&gt;
     &lt;span class="a" style="float:left"&gt;boks 1 &lt;/span&gt;
     &lt;span class="b" style="float:left"&gt;boks 2 &lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>what my real code looks like: CODE 2</p>
  
  <pre><code>&lt;a&gt;
    &lt;span class="a" style="float:left"&gt;boks 1 
       &lt;span class="b" style="float:left"&gt;boks 2 &lt;/span&gt;
    &lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Is there a way to get code example 2 to look like code example 1?  Is there a way to get a child span do float up onto the parent span?</p>
  
  <p>EXAMPLE
  <a href="http://jsfiddle.net/NCXGx/33/" rel="nofollow">http://jsfiddle.net/NCXGx/33/</a></p>