Make a long line of characters wrap in HTML [duplicate]

Question

Users can enter text in a particular form of mine and I want to display that text in a table format. But sometimes users enter really long lines without spaces. So the text forces the table to be too wide.

I can limit the td element to have a max-width, but then the text keeps flowing over other cells. I can then set overflow: hidden and the text just gets cut off:

But I need to be able to read it all. Is there a way to wrap a long line of text in a table even if the text doesn't have spaces?

Answer 1

Try adding this to your CSS file on the element that requires it:

word-wrap:break-word;

Here it is in action:

Working example