Posicionando una imagen en el centro con CSS

[pzin]

Cuando indicas posiciones relativas estás indicando cuánto se mueven de su espacio en el flujo del HTML. Si indicas 50%, se moverá un 50%.

Para centrar algo, sólo tiene que ser un elemento de bloque y aplicar márgenes laterales automáticos.

Código CSS:

img {
  display: block;
  margin: 0 auto;
}