title: Wrap a long single word using CSS
body: <p>I tried to wrap a single word which contains around 500+ chars in a div. </p>
  
  <pre><code>&lt;table&gt;&lt;tr&gt;&lt;td style="width: 100px;" colspan=""&gt;&lt;div class="wordwrap"&gt;&lt;p&gt;
  dwhjifuidfinrnvfrvgjsrfjoejwofjjfpijqfpqejospjfcjcdefjipwejpfjespfjweokpwoefweeeepWSPgjwrqeo[fj[ejwo[jfqjfo[cfj[e[awfjw[fw[ofj[sejfpjwerpjfpwrjgjrjghyhefdjsjflkfasjgfiosdjfgsfgsdfiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiigrwewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewewettttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttu
  &lt;/p&gt;&lt;/div&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>with this solution provided In <a href="https://stackoverflow.com/questions/1638223/is-there-a-way-to-word-wrap-text-in-a-div">Is there a way to word-wrap long words in a div?</a></p>
  
  <pre><code>&lt;style type="text/css"&gt;
   .wordwrap { 
     white-space: pre-wrap;      /* CSS3 */   
     white-space: -moz-pre-wrap; /* Firefox */    
     white-space: -pre-wrap;     /* Opera &lt;7 */   
     white-space: -o-pre-wrap;   /* Opera 7 */    
     word-wrap: break-word;      /* IE */
  }
   &lt;/style&gt;
  </code></pre>
  
  <p>But it is not working. 
  Followed this <a href="https://stackoverflow.com/questions/5866961/is-there-any-way-to-wrap-html-text-when-all-one-word-is-used">Is there any way to wrap html text when &#39;all one word&#39; is used?</a> also . 
  What could be the problem?</p>