title: CSS wrap text exactly to width
body: <p>I'm using <code>white-space:nowrap;</code> to keep my text in one line. But the text is long and goes beyond the element. How to wrap the text exactly to the width of an element?</p>
  
  <p>To understand more clearly what I mean, see <a href="http://jsfiddle.net/P4amP/1/" rel="nofollow">this JSfiddle</a>.</p>
  
  <p>Update: <a href="http://jsfiddle.net/P4amP/8/" rel="nofollow">another JSfiddle</a> to show more clearly what I need.</p>