How do you force word wrap on long words

[smithaa02]

Say I have a container 50px wide, but a word like asdfasdfasfasfasdfasfasdfadsfasdf that is more then 50px wide. When I test this, the long word jumps out of its container while I would prefer it would just wrap to the next line.

Is this not possible because there is no 'white space' in this long line, or is there a CSS trick that can make this work?

[sectionq]

You can use word-wrap:break-word only works in ie though I'm afraid, think you'll have to live with the rest jumping out of your boxes.

sQ

[simonuk]

If you add display:inline the nice modern browsers will also play ball.

[simonuk]

Just saw your "wrap to next line". My solution keeps it in the div but continues it on the same line so won't help you.