title: Two divs one besides the other without wrapping
body: <p>I'm looking an elegant way to position two divs one besides the other without line wrapping. The first div is an icon the second a text of unknown size. </p>
  
  <p>They should not break in two lines but hide if not enough place. I'm trying with this <a href="http://jsfiddle.net/xcSXA/" rel="nofollow noreferrer">example</a>, but it doesn't work. </p>
  
  <p>There is a similar <a href="https://stackoverflow.com/q/5792367/763790">question</a>, but's it's not the same scenario as size is unknown.</p>
  
  <p>Help is appreciated</p>