How to break long single word in <td> using CSS?

Question

in a td of a table i have a very long single word "Pneumonoultramicroscopicsilicovolcanoconiosis" and i want to reduce the width of table but unable to do because of this long word in one of the td i can break this word by giving <br /> but is there any CSS way to break this word according to available space. without giving line break or edit anything in HTML.

Answer 1

Try the following:

word-wrap: break-word; white-space: normal; 

word-wrap is css3 (however it works in IE). You might not be able to get it working in older browsers however.

Answer 2

The following works for me:

    word-wrap: break-word;     word-break: break-all;     white-space: normal;