How can I make text appear on next line instead of overflowing? [duplicate]

Answer 1

word-wrap: break-word

But it's CSS3 - http://www.css3.com/css-word-wrap/.

Answer 2

Just add

white-space: initial;

to the text, a line text will come automatically in the next line.

Answer 3

Try the <wbr> tag - not as elegant as the word-wrap property that others suggested, but it's a working solution until all major browsers (read IE) implement CSS3.

Answer 4

Well, you can stick one or more "soft hyphens" (­) in your long unbroken strings. I doubt that old IE versions deal with that correctly, but what it's supposed to do is tell the browser about allowable word breaks that it can use if it has to.

Now, how exactly would you pick where to stuff those characters? That depends on the actual string and what it means, I guess.