title: Two div's next to each other but first div going to second line
body: <p>I have a scenario where I have two divs.  I would like the second div to immediately follow the first.  Currently, the space I have to work with is small, so the text in the first div is too large for one line and it wraps to a second line.  Event hough this occurs, I would like that second div to come directly after the first (and in this case after the end of the first div on the second line.</p>
  
  <pre><code>&lt;div id="one" style="display: inline-block;"&gt;
    &lt;div id="two" style="float: left;"&gt;&lt;/div&gt;
    &lt;div id="three" style="float: left;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This works fine when the text is div with the id of two is small but when it is large it wraps to a second line and the div with the id of three goes below div two.</p>