I have a long word in a table cell that messes up the table layout:
I would like the word to wrap like this word:
How can I get this done, with CSS, without changing the HTML?
If using JS is okay, you can do this. If it is not, then this answer may still be useful for future readers.
var longWord = "a.long.word.separated.by.dots".replace(/\./g, '.<wbr>');
Reference on the wbr tag: http://www.w3.org/wiki/HTML/Elements/wbr
Alternatively, you could put a
<wbr> after each period manually.