I have a table cell with some fixed width…
Now the content/text charcter length inside this cell varies and cannot always have a space in between which causes the layout to break slightly.
I tried fixing by adding the CSS word-wrap:break-word
But for some reason, this does not work always.
How do I make sure that my text breaks to the next line even if it does not have a space in between ?
I edited your jsfiddle so that it can work :
EDIT
http://jsfiddle.net/Dnzra/2/
All you have to do, is to add :
style="table-layout: fixed"to the table style and some fixed width to your cells.