title: Table overflow issue
body: <p>I am facing a very basic issue with table is that on overflow on <code>&lt;td&gt;</code> cell the text flows out of the specified width</p>
  
  <p>Issue looks like something following:</p>
  
  <pre>
  +--------------+
  | abcdef@hotmai|.com
  +--------------+
  </pre>
  
  <p>I want that on overflow text goes to next line. Something like following.</p>
  
  <pre>
  +--------------+
  | abcdef@hotmai|
  | .com         |
  +--------------+
  </pre>
  
  <p>I tried following css but didnot work:
  <code>max-width:20%; table-layout:fixed;</code></p>