centrar div en la pantalla ejemplo de código CSS

Ejemplo 1: elemento central css en pantalla

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Ejemplo 2: div central en medio de la página

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

Ejemplo 3: centrar un div en la pantalla

.class{
position: realtive;
text-align: center;
top: 50%;
transform:translateY(-50%);
}

Ejemplo 4: cómo centrar el texto en CSS

.class {
	text-align: center;
}

---

---

Utiliza Nuestro Buscador