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...

- Clases, pseudoclases y pseudoelementos en css
- Primeros pasos con CSS
- Galeria de Imagenes xHTML CSS
- Integración de interfaz en CSS
- Centrado Dinámico de Columnas mediante CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento