CSS texto se desborda oh hombre, qué lío

Question

He compilado esta jsFiddle demo para que puedas ver lo que me voy a lanzar.Mediante la cuenta de Twitter Bootstrap 2 pensé que todo estaba bien y las cosas simples fueron atendidos hasta que me golpeó con esto.No entiendo si el marcado no es derecha o a la biblioteca, no se manejar esto, pero el texto cuando el tiempo sólo se desborda fuera de pantalla/contenedor

JsFiddle

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

Answer 1

Agregar word-wrap: break-word en tus DIV. Escribe esto:

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

Answer 2

Intente esto:

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

Answer 3

Acabo de pasar casi un día entero tratando de resolver esto, y lo anterior no funcionó hasta que descubrí esto:

Asegúrese de que también tenga recipientes fluidos dentro del Div flotante:

<div class="container-fluid">

De lo contrario, permanecerá del mismo ancho y se derramará ... no importa lo que hagas.

Answer 4

Tal vez, tú también puedas probar esto:

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+ */

}