Centrare un'immagine con i css

Con i fogli di stile CSS è semplice centrare un'immagine in orizzontale rispetto allo spazio.

Per centrare un'immagine occorre attribuirgli per esempio la classe "fotografia".

<img class="fotografia" src="mia-immagine.jpg">

e definire nel foglio di stile CSS la regola:

img.fotografia{

  display: block;

  margin:0 auto;

}

L'immagine risulterà così centrata nella pagina.