Centralize exatamente uma imagem / div horizontal e verticalmente - CSS-Tricks

Anonim
.center ( width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; )

As margens negativas têm exatamente metade da altura e largura, o que puxa o elemento de volta para o centro perfeito. Funciona apenas com elementos de altura / largura fixas.