Text Alignment problem

Question

How to control a running text? This is a user generated content, where user used to give with out giving space to the text. for example:

abcdefghabcdefghabcdefghabcdefghabcdefghabcdefghabcdefghabcdefghabcdefgh

This goes beyond the specific block. Is there is a way to wrap the text? how can i control it and i also want that to be worked in ie6 also...

Answer 1

By default, strings don't wrap without a space.

I wonder how SO handles it.

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

Answer 2

You could use overflow:scroll; in your CSS, this would put a horizontal scroll bar. Should work in IE.

Answer 3

You can make strings with no spaces wrap by using the following CSS property:

word-wrap: break-word;

According to the MDC page on the word-wrap property, it is supported in IE 5.5+, Firefox 3.5+, and Safari 1.0+ (but not Opera).