.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.