title: CSS: inline-block undesired layout outcome
body: <p>I couldn't solve a CSS layout problem, so I wondered if someone could look up my code and suggest me, how to fix it.</p>
  
  <p>What I want to do is have the <code>div</code> with long lorem ipsum text stack with the one that has short text, so there would be no empty space between the two. I don't know if it is even possible with <code>inline-block</code>. I tried to google some layout tutorials, but didn't find anything useful.</p>
  
  <p><a href="http://jsfiddle.net/n7XKY/" rel="nofollow">JSfiddle</a> to illustrate my idea.</p>
  
  <p>How could I achieve the desired layout? (I would like to manage without using any external code whatsoever)</p>