Así de RÁPIDO se centra un DIV en
Vamos a aprender una forma simple de centrar un div en HTML, con solo un par de líneas de código CSS. Colocamos el div que queremos centrar, envuelto en otro div con una clase que hemos llamado "centrado".
En el archivo de estilos, vamos a la clase "centrado" y usamos la propiedad display, para establecer el tipo de visualización como grid; esto significa que el elemento y su contenido seguirán el modelo de cuadrícula... finalmente en la siguiente línea, hacemos la magia con la propiedad place items: en valor center, y listo, tu div centrado horizontal y verticalmente.