(Ayuda) DIV Flotante que no haga salto de linea en espacio.

Hola muchachos,
tengo un problema que realmente me tiene mal,
la historia es que tengo un div como por ejemplo este.

Código :

<div class="clase1">Texto con espacios</div>

Dicho div tiene el siguiente estilo

Código :

.clase1{
float: left;
}

el problema surge en que yo no quiero que al haber espacio entre las palabras del texto contenido en la DIV se dé un saldo de linea, yo quiero que quede así:

(Texto con espacios)

pero queda así

(Texto
con
espacio)

o sea en cada espacio me hace un salto de linea.

No puedo usar un ancho fijo para el div, ya que el texto contenido en la cambia muchísimo, el div de de "ensancharse" deacuerdo a su contenido, pero, a no ser que no exista un <br> no necesitaría que haga el salto de linea.

Espero haberme explicado correctamente.
Abrazo.

no se si estoy mal pero en tus estilos debes declarar width:auto;

Saludos cordiales

Dale un ancho específico, o como dice joshuavw, auto.

joshuavw escribió:

Amigo, de esta forma no funciona, el ancho debería de ser automático, pero no funciona cuando aplico esa propiedad, creo que al elemento ser flotante los "aspacios" los transforma en salto de linea.

Creo.

Muchas gracias de todas formas por tu pronta repsuesta.

Kinduff escribió:

Estimado muchas gracias por tu respuesta, pero, como detallo en la pregunta original, no puedo darle un ancho especifico al div ya que el ancho del mismo debe de variar de acuerdo a su contenido, que en el 90 por ciento de los casos es una imagen + una linea de texto con espacios, o sea, los divs son botones.

Hola ¿Podrías poner en contexto ese div? Es difícil determinar el problema sin ver el flujo del documento. A priori, ese problema no lo deberías tener. Hay que ver qué es lo que está provocando ese salto de línea