> Faqs > Evitar saltos de línea con CSS

Evitar saltos de línea con CSS

El comportamiento normal del texto en HTML es que se adapta al contenedor donde está situado. Si el contenedor es mayor, entonces el texto aparece en la misma línea.

Pero si el texto no cabe en el contenedor, entonces lo que ocurre es que se baja para la siguiente línea. Quisiera evitar justamente esto en un elemento de la página, para que no haya saltos de línea nunca, mediante CSS.

¿Cuál es el atributo de CSS que permite evitar los saltos de línea?

Respuestas

El atributo para evitar saltos de línea con CSS se llama "white-space". Tiene distintos valores, pero si lo quieres usar para que no se produzcan saltos de línea en un elemento, entonces lo tienes que combinar con el valor "nowrap"

Un ejemplo lo tienes aquí:

.ElementoQueNoTendriaSaltosDeLinea {
    white-space: nowrap;
}

Es simplemente eso, realmente fácil!

Sergio
366 11 32 13
Gracas Sergio! funciona perfectamente!

Utilizamos white-space: nowrap; para evitar que se produzca un salto de línea

Angel
5 1
Gracias Angel por tu respuesta. Era justamente eso.