how to achieve word wrap effect that stackoverflow has in preview box

Question

Hey guys,

I have a preview box much like the one stackoverflow uses, for submitting material that updates in real time. The problem is that a really long word hangs on the outside. Does stackoverflow use a jquery plugin to wrap long words in the preview box or a css rule?

Answer 1

StackOverflow uses WMD (blog article on the reverse engineering effort), which includes the preview. The code for it is freely available on Google Code. Even if you don't want to use the editor you could look at the code to see how it is done.

Answer 2

It's just CSS:

#wmd-preview p {
    word-wrap: break-word;
}