stop div content overflowing?

Question

If I have a div with a specific width, and it contains continuous content, then it will overflow. Is there a way to make it break the word and move part of it to the next line? e.g:

<div style="float:left;width:200px;">thiscontentwilloverflowthedivbecuaseitdoesnthaveanyspacesinit</div>

Thanks.

Answer 1

add the following css:

overflow:hidden; word-wrap:break-word

word-wrap is css3 so it won't work with every browser