title: how to place two div's next to each other, when first div is in two lines?
body: <p>I have a requirement to place two div next to each other (second div starts where first end). I found relevant question on <a href="https://stackoverflow.com/questions/25409257/two-divs-next-to-each-other-but-first-div-going-to-second-line">stackoverflow</a> but not the answer.</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="div1"&gt;The two divs are,when first line goes to second then, second div is not appearing &lt;/div&gt;
      &lt;div id="div2"&gt;next to each other.&lt;/div&gt;
  &lt;/div&gt;
  #div1 {
     float:left;
      display: inline-block;
  
  }
  #div2 {
      float:left;
      display: inline-block;
  }
  </code></pre>
  
  <p>Here is the <a href="http://jsfiddle.net/rajcse123/nrzey328/" rel="nofollow noreferrer">fiddler</a> example that i tried...</p>
  
  <p>The requirement is, if first div ends in second line first word then second div should start with second word of second line.</p>