title: Wrap table cell with long word
body: <p>I try to follow the explication here : <a href="https://stackoverflow.com/questions/30303351/how-to-wrap-table-cell-at-a-maximum-width-in-full-width-table">How to wrap table cell at a maximum width in full width table</a></p>
  
  <p>But I can't make something works to wrap my "xxxxxxxxxxxxx" line.</p>
  
  <pre><code>&lt;table class="my-list table table-bordered table-hover"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;th&gt;User id&lt;/th&gt;
              &lt;th&gt;User name&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Id&lt;/th&gt;
              &lt;th&gt;Ad content&lt;/th&gt;
              &lt;th&gt;Created at&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;66666&lt;/td&gt;
              &lt;td&gt;John Smith&lt;/td&gt;
              &lt;td&gt;type1&lt;/td&gt;
              &lt;td&gt;99999&lt;/td&gt;
              &lt;td&gt;
                  &lt;div&gt;
                      Good content with words and real sentences.
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td&gt;2015-09-02&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;777777&lt;/td&gt;
              &lt;td&gt;Martin  Isabelle&lt;/td&gt;
              &lt;td&gt;type2&lt;/td&gt;
              &lt;td&gt;888888&lt;/td&gt;
              &lt;td&gt;
                  &lt;div&gt;
                      xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td&gt;2015-09-02&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/jfmqgh20/2/" rel="nofollow noreferrer">https://jsfiddle.net/jfmqgh20/2/</a></p>