Centrar exactamente una imagen / div horizontal y verticalmente | Programar Plus

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

(Visited 5 times, 1 visits today)