How to wrap long lines without spaces in HTML?

Question

If a user types in a long line without any spaces or white space, it will break formating by going wider than the current element. Something like:

HAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHA.............................................................................................................................................

I've tried just using wordwrap() in PHP, but the problem with that is if there is a link or some other valid HTML, it breaks.

There seems to be a few options in CSS, but none of them work in all browsers. See word-wrap in IE.

How do you solve this problem?

Answer 1

I dodge the problem by not having my right sidebar fixed like that :P

Answer 2

I haven't personally used it, but Hyphenator looks promising.

Also see related (possibly duplicate) questions:

• word wrap in css / js
• Who has solved the long-word-breaks-my-div problem? (hint: not stackoverflow)