Centrar un element

A classe hem limitat les dimensions de les imatges per assegurar-nos de que no es vegin gaire grans a pantalles grans

img{
    width:100%;
    max-width:360px;
}

Què hem de fer si volem centrar aquestes imatges?

Farem servir la propietat «margin».

Si deixem el mateix marge als dos costats de la imatge es veurà centrada, oi?

img{
    width:100%;
    max-width:360px;
    margin: 0 auto;
}

margin: 0 auto; aplicarà un marge de 0px a dalt i a baix i un marge «automàtic» a dreta i esquerra. Això farà que els dos marges siguin iguals i tan grans com sigui possible. I fent això, la imatge quedarà centrada. voila!