title: CSS word-wrap on resizable divs
body: <p>I am trying to use the CSS property <code>word-wrap</code> with the value <code>break-word</code> in a div.</p>
  
  <p>It works perfectly, but only if I specify the width (and if this one values auto, word-wrap does not work). </p>
  
  <p>The problem is that I want the div to be resizable, so I can't type a specific width for the div at the beginning.</p>
  
  <p>Any ideas to solve this, please? I do not want to use hyphens.</p>
  
  <p>Thank you in advance.</p>
  
  <p>This does not work:</p>
  
  <pre><code>&lt;p style="word-wrap: break-word !important;"&gt;loooooooooong_word&lt;/p&gt;
  </code></pre>
  
  <p>This works OK:</p>
  
  <pre><code>&lt;p style="width:100px; word-wrap: break-word !important;"&gt;loooooooooong_word&lt;/p&gt;
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/Lg2Ff/" rel="nofollow">Fiddle</a></strong></p>