Maquetar una galería de fotos con CSS usando listas (2)

De este modo la definición de estilos para nuestra lista de fotos queda así:

#principal li {
   display:inline;
   float:left;
   width:220px;
   background-color:#f5f7f9;
   padding:5px;
   margin:10px;
   text-align: center;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
}

La galería queda perfectamente maquetada, adaptable a distintas resoluciones y con un código limpio y fácil de entender.

Usuarios que han visto este tema también han visto...

- CSS para campos textarea de formulario
- Estilo de la primera letra con CSS
- Maquetación CSS
- Sencilla fórmula para calcular la especificidad de los selectores CSS
- Ocultar imagenes

- Versión imprimible de este documento

- Enviar por e-mail este documento