.center ( width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; )
Los márgenes negativos son exactamente la mitad de la altura y el ancho, lo que hace que el elemento vuelva al centro perfecto. Solo funciona con elementos de altura / anchura fija.