salto de linea de elementos

[alvaro_trewhela]

hola, tengo una consulta, sucede que tengo este div:

Código HTML:

<div class="mid"></div> 

Código CSS:

.mid{
font-size:15px;
width:690px;
margin:0px auto 15px auto;
}
 

dentro de este div:

Código HTML:

<a href="#"><img src="images/home/album.jpg"><br/>album1</a>
<a href="#"><img src="images/home/album.jpg"><br/>album2</a>
<a href="#"><img src="images/home/album.jpg"><br/>album3</a>
<a href="#"><img src="images/home/album.jpg"><br/>album4</a>
<a href="#"><img src="images/home/album.jpg"><br/>album5</a>
<a href="#"><img src="images/home/album.jpg"><br/>album6</a>
<a href="#"><img src="images/home/album.jpg"><br/>album7</a>
<a href="#"><img src="images/home/album.jpg"><br/>album8</a>
<a href="#"><img src="images/home/album.jpg"><br/>album9</a>
<a href="#"><img src="images/home/album.jpg"><br/>album10</a>
 

la imagen images/home/album.jpg mide 205 pxs.

deseo que estos se alineen a la izq. pero estos hacen saltos de línea

ayuda?

[BeikerxD]

pues podrías hacer esto...

Código CSS:

.mid a {
  display: block; /*hace que la caja <a> se comporte como un elemento de tipo bloque*/
  float: left; /*hace que los elementos floten/acomoden a la izquierda del contenedor*/
}
 

Y adicionalmente te dejo esto...

Propiedad float:
developer.mozilla.org/es/docs/Web/CSS/float

Propiedad display:
developer.mozilla.org/es/docs/Web/CSS/display

Espero te sirva

[alvaro_trewhela]

muchisimas gracias :)