Come Centrare le immagini con i Css sul nostro Blog/Sito

Visto che molti mi chiedono come si centrano le immagini con i CSS, ho deciso di scrivere un miniarticolo dove spiego come si fa. Allora per centrare i DIV sappiamo che ci basta usare la proprietà margin in questo modo:

.divcentrato{

margin: 0px auto;

}

oppure

.divcentrato{

margin-left:auto;

margin-right:auto;

}

dove divcentrato è la classe di appartenenza dei DIV da centrare.

Se vogliamo centrare le immagini con i CSS invece dobbiamo usare anche la proprietà display in questo modo:

.immaginecentro{

display:block;
margin:0px auto;
}

oppure

.immaginecentro{

display:block;
margin-left:auto;
margin-right:auto;
}

Spero di essere stato chiaro ;)