CSS text overwhelms a person that mess

Question

I compiled this jsFiddle demo so you can see what I'm going to quit. Using Twitter Bootstrap 2, I thought everything was fine and simple things were accepted until I hit it. I don’t understand if the markup is wrong or the library does not handle this, but the text when it just overflows from the screen / container

Jsfiddle

http://jsfiddle.net/kSCa3/2/

Answer 1

Add word-wrap: break-word to the DIV . Write this:

 .span9 { width: 700px; word-wrap: break-word; } 

Answer 2

Try the following:

 div { word-break: break-all; word-wrap: break-word; }​ 

Answer 3

I spent almost the whole day trying to solve this problem, and above it did not work until I discovered this:

Make sure you also have fluid containers INSIDE THE DISTRIBUTED div:

 <div class="container-fluid"> 

Otherwise, it will remain the same width and spill .. no matter what you do.

Answer 4

maybe you can also try:

 div.span9{ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }