Duda fondo en CSS

[victorsalido]

Buenos días,

Estoy intentando añadir un fondo, pero no lo consigo.
No quiero añadir el fondo a toda la web, solo a ese texto, tampoco quiero usar pixeles porque necesito que se "adapte" al tipo de resolución.

Con este código supuestamente todo el texto debería tener fondo color rojizo.

Código HTML:

<p style="background-color: #C00">prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba</p> 

pero se ve asi:

(fijaros en la barra de desplazamiento)



Si alguien sabe el por qué de este problema, le agradecería su ayuda :D

Gracias!

[pzin]

Pues porque esa palabra es muy larga. No es "prueba prueba prueba" sino "prueba_prueba_prueba"... Si pones muchas palabras para hacer la prueba y no una sola se te soluciona el problema.

[txemaarbulo]

Tengo anotado en mis apuntes y nunca lo probé

Código CSS:

break-word : break-word;  
/* CSS3 corta las palabras demasiado largas - no valida CSS */
 

¿Será la solución?.
Me lo cuentan.

[victorsalido]

Asi es Bonez, el problema era la palabra.. demasiado larga :P

Aunque con

Código HTML:

word-break: break-all;

se soluciono :D

Muchas gracias a ambos!

[furoya]

Yo también iba a quejarme por el texto largo sin cortes.

Pero después entendí el problema.

victorsalido : tratá de ser más específico en las preguntas, porque aquí viene cada uno con planteos elementales y obvios (de esos que dan vergüenza ajena) que a veces damos por hecho que la pregunta que aparece tiene una burrada. Y al final, no es tu caso.

Lo que buscás es que el fondo cubra a todo el párrafo, y no que se detenga al borde de la ventana.

Código:

<p style="background-color: #C00; float: left; clear: both; ">prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba_prueba</p>

<p> Otro párrafo.</p>

Acá hay un tema donde lo debatimos bastante.

texto que sobrepasa div


[edit]

Bueno, me publicaste antes de que terminara de postear.

Yo quiero tener fe, pero me quitan las ganas.

Aquí hay que pensar mal.

[/edit]

[pzin]

Iniciado por furoya

Yo quiero tener fe, pero me quitan las ganas.

El pesimismo siempre es más agradecido que cualquier esperanza o fe, pues nunca te dará disgustos.

[victorsalido]

Muchas gracias Furoya, pues me ha servido bastante tu ayuda, seguramente me solucione muchos problemas.

Siento no haber sido claro al preguntar, en la próxima seré mas especifíco