Hi
Could anyone tell me how to style a DIV element so that its text content wraps, even when the text includes no spaces? E.g.

<div style=“width:20px;”>
contentcontentcontentcontentcontentcontentcontentcontent
</div>

Thanx for any help!

Hi -

I can’t believe that you want the content to wrap after only 20px, but anyway, here are two possible solutions:

<div style=“width:20px; word-wrap:break-word;”>
contentcontentcontentcontentcontentcontentcontentcontent
</div>

<div style=“width:20px; overflow-x:scroll;”>
contentcontentcontentcontentcontentcontentcontentcontent
</div>

They both look kind of funny at that width, but the first one is most likely what you’re looking for.

Hi
Thank you for the reply.

Haha yes, 20px was just to kinda make the point!

The first one didn’t work in Firefox, but worked great In WinIE6.

Thanx