title: Wrap a very long word in html table while converting to PDF
body: <p>I want to wrap a long word in the table and convert that HTML to PDF. The problem is PDF converter only breaks a word when it encounters a white space. </p>
  
  <p>Run the code snippet but the results are different when it gets converted to PDF.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>table {
    width: 90%;
    table-layout: fixed;
  }
  
  table td {
    word-break: break-all;
    word-wrap: break-word;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td width="20%"&gt; Email id: &lt;/td&gt;
      &lt;td width="30%"&gt; Averyveryverylongtestemail@testmail.com &lt;/td&gt;
      &lt;td width="20%"&gt; Age &lt;/td&gt;
      &lt;td width="20%"&gt; 34 &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td width="20%"&gt; Gender &lt;/td&gt;
      &lt;td width="30%"&gt; M &lt;/td&gt;
      &lt;td width="20%"&gt; Unique ID &lt;/td&gt;
      &lt;td width="20%"&gt; ABC564 &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>After pdf conversion "Averyveryverylongtestemail@testmail.com" does not wrap instead overlaps with next column heading that is age.</p>
  
  <p>Any suggestions on this?</p>