Question

Possible Duplicate:
Is there a way to word-wrap text in a div?

I have this css and html issue. I have a description and I want to fit it in a box that is 100px wide and I want the text to flow down the page. I have set up a div like thisL:

<div style="width:100px; border:1px Solid Black; height:200px; overflow:scroll; "><p>text here...</p></div>

However when I put text in and there is no white space the text does not wrap. So if a user was to put in one word that spanned more than 100px wide then the text will flow off to the right which I dont want….

Any way to stop this? I noticed facebook wall posts dont do this behaviour….

Answer 1

The most straight forward way is to use word-wrap: break-word

See it in action