How can I make text appear on next line instead of overflowing

Question

I have a fixed width div on my page that contains text  When I enter a long string of letters it overflows  I don t want to hide overflow I want to display the overflow on a new line  see below    lt div id  textbox  style  width 400px  height 200px   gt  dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssfddddddddddddddddddddddsdffffffffffffffffsdffffffffffffffffdfssssssssssssdf  lt  div gt    Is there anyway to disable overflow and put the overflowing text on a new line    Twitter does something like this but I can t figure it out with CSS it s possible they are using Javascript   Can anybody help with this

User · Answer

Try the  lt wbr gt  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

User · Answer

Well  you can stick one or more  soft hyphens    amp  173   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

User · Answer

Just add   white-space  initial    to the text  a line text will come automatically in the next line

User · Answer

word-wrap  break-word   But it s CSS3 - http   www css3 com css-word-wrap

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

Examples related to css

Examples related to text

Examples related to overflow