Tengo un problema con un css. Estoy intentando llenar una capa con imagenes, pero cuando esta llega al tope de width de la capa que las contiene pega un salto de linea y no se que propiedad usar para que no lo haga.
Quiero que pase algo asi. Que las imagenes y el texto sigan apareciendo hacia la derecha sin pegar el salto de linea.
http://s2.subirimagenes.com/imagen/previo/thump_7542806imagen.png
mi codigo es mas o menos asi, he probado con white-space:nowrap; pero no funciona del todo o no se usarlo correctamente.
Muchas gracias de antemano, un saludo.
<style>
#capa{
width: 180px;
height: 25px;
}
.capa{
float: left;
height: 25px;
width: 19px;
}
.span{
float: left;
font-family: Trebuchet MS,sans-serif;
font-size: 11px;
height: 15px;
padding: 5px 0 5px 25px;
}
</style>
<div id="capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<span class="span">hola</span>
</div>