Hola a todos.
De antemano quisiera agradecerles porque a pesar de ser la primera vez que realizo una pregunta personalmente me han ayudado una multitud de veces con las distintas explicaciones y soluciones que diariamente brindan.
Han de tener en cuenta que no soy muy conocedor de CSS, hasta ahora he venido trabajando con tablas y tags de formato pero bueno, tengo que modernizarme
).
El problema es el siguiente: en un archivo HTML Dispongo de un DIV en el que almaceno texto que voy generando automáticamente (en este caso con Javascript) y la cuestión es que, al llegar el texto al borde derecho se sale del contenedor (en el caso de que la palabra sea muy larga y no hayan sido introducidos espacios).
He probado colocando el valor
break-word en el atributo
word-wrap y no ha funcionado en ningún navegador...
Les dejo el código que he estado utilizando:
Dentro de las etiquetas de estilo:
Código CSS:
Ver original#texto{
width:500px;
height:300px;
background-color:#BCC8D5;
word-wrap:break-word;
}
Código HTML:
<div id="texto"> <!-- Cuerpo -->
</div>
He probado también varias soluciones que aquí se brindaron (incluso me atrajo mucho una que incluye scroll vertical sin scroll horizontal, pero tampoco funcionó).
Disculpen por la longitud del mensaje pero no quería "dejar nada colgado". Desde ya les agradezco enormemente por su atención.