title: Wrapping long email addresses in small boxes
body: <p>I have a box with a width of 118px which contains an email address. I use <code>word-wrap: break-word;</code> to wrap the addresses better. But on a special kind of addresses this makes it worse. </p>
  
  <pre><code>big.ass.email@addre
  ss-
  is.extremely.lame.de
  </code></pre>
  
  <p>Because of <code>word-wrap: break-word;</code> it breaks after "addre" but ceause the rest of the address doesn't fit in one line it breaks again at a "prefered breakpoint" which happens to be the "-". In desired behaviour the second break in the email address would not be after "-" but after "extremely". I fear that's not possible with just CSS. Isn't it?</p>
  
  <p>Here you can see a small example: <a href="http://jsfiddle.net/sbg8G/2/">http://jsfiddle.net/sbg8G/2/</a></p>