Ajustar fondo a texto

[alvaro0022]

Saludos;

He buscado bastante pero no logro encontrar como hacer que el fondo del texto se ajuste a este mismo, no estoy seguro de que sea posible ya que no pude encontrar nada en internet. Lo que deseo hacer es que el fondo del texto de una oración se ajuste a este de manera que solo el texto tenga fondo inclusive cuando hay saltos de línea. Acá un ejemplo de lo que busco lograr. El texto es una oración continua.



Saludos!

[cristian_cena]

Hola Alvaro:
Probá usando una etiqueta de línea como <span> o asignando display:inline; a la caja en cuestión:

Código HTML:

<span>El color de <br/>fondo <br/>del <br/>texto <br/>se ajusta a <br/>este</span>​
 

Código CSS:

span{
    background: black;
    color: white;
    font-size:3em;
    text-transform: uppercase;
    line-height: 1em;
}
 

Saludos

[alvaro0022]

Gracias por tu respuesta cristian_cena

De la forma que dices funciona, pero mi problema es que no puedo generar saltos de line ni usar span, ya que es una oracion generada automaticamente, es el titulo de una entrada en wordpress. Por eso es que me cuesta tanto encontrar como lograrlo, y creo que no se puede hacer.

Voy a seguir buscando..

[furoya]

Iniciado por alvaro0022

... pero mi problema es que no puedo generar saltos de line ni usar span, ya que es una oracion generada automaticamente, es el titulo de una entrada en wordpress...

¿Y no podías haberlo explicado de movida? Porque ya sabías que te iban a responder lo del span : es la manera de hacerlo.


No tengo idea de cómo será una "entrada de wordpress", pero si está en el documento se manipula con JS. La capturas, la reescribes, y la devuelves a su sitio con el fondo.

[C2am]

Hola
Lee con atención la respuesta, y te darás cuenta que hay dos opciones

Iniciado por cristian_cena

Hola Alvaro:
Probá usando una etiqueta de línea como <span> o asignando display:inline; a la caja en cuestión:
Saludos

La primera ya aclaraste que no puede ser, a menos que utilices algo de javascript, o incluso algo de php etc.

Prueba la segunda y nos cuentas.

saludos

[furoya]

Uy, cierto. Yo tampoco la leí

Claro que después hay que crearle algún break, porque muy probablemente sea un título.

Quizá tampoco lo pueda aplicar, no sabemos, porque no vemos la plantilla y el documento final para comparar. Pero nobleza obliga : yo ni pensé en eso, ni miré la recomendación de cristian_cena.

Cuando quieran, tienen firmada mi renuncia.

[cristian_cena]

¿podes agregar una caja de bloque como contenedor de tu título de línea? http://jsfiddle.net/DVpV3/11/