Question

I am facing a very basic issue with table is that on overflow on <td> cell the text flows out of the specified width

Issue looks like something following:

+--------------+
| abcdef@hotmai|.com
+--------------+

I want that on overflow text goes to next line. Something like following.

+--------------+
| abcdef@hotmai|
| .com         |
+--------------+

I tried following css but didnot work:
max-width:20%; table-layout:fixed;

Answer 1

Use word-wrap CSS property to wrap your text inside a fixed width td

table td {
   word-wrap: break-word;
}