Uno de los problemas que presenta la etiqueta img al no ser inline es que no es fácil centrarla (alinear en el centro de la página) con CSS.

El texto de un párrafo se centra con un text-align: center; pero, como digo, la imagen al no ser inline no se puede centrar así.

Cuando un elemento del HTML no es un elemento en linea (se interpreta en línea) hemos de tratarlo como un bloque y para estos casos existe la propiedad display: block; y, como cualquier otro bloque, le asignaremos un margen automático para que se centre.

De esta manera centraremos la imagen de nuestro código HTML:

img{
display:block;
margin:auto;
}