Question

Tengo un div tipo esto:

<div style="width:500px;height:260px">
<div style="width:100%;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
</div>

Como puedo hacer para que salte de linea si se sale el texto en css?
Es solamente por si los usuarios de mi web escriben algo así... O como prohibir palabras muy largas en PHP?

ACTUALIZADO: ya lo he conseguido haciendo esto:

 word-break: break-all;
 word-wrap: break-word;

Pero se me queda como un hueco arriba:
http://jsfiddle.net/MXgtd/

Answer 1

Aunque de esa forma no es recomendable poner estilos, puedes solucionarlo con el siguiente estilo en tu segundo div.

word-wrap: break-word;

Entonces te quedaría así.

<div style="width:500px;height:260px">
    <div style="width:100%; word-wrap: break-word;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
</div>

Te recomiendo que utilices estilos externos.

Saludos.

Answer 2

En el .css:

 word-wrap:break-word;

Answer 3

Intestaste colocando max-width?

<div style="width:500px;height:260px">
<div style="width:100%; max-width: 500px;">
dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div></div>