Cómo centrar un DIV

El tag DIV es uno de los más utilizados, por lo cual es de mucha importancia saber cómo centrarlo dentro de otro div o dentro de todo el body. Sigue leyendo para conocer cómo centrar un div de la manera más fácil.

A continuación tenemos una de las estructuras de HTML más básicas:

Tenemos un container que es el div principal, y dentro de aquel se encuentra el div contenido.

PASO 1
Lo primero que haremos será establecer el ancho de nuestro div container a través de CSS. En este caso es de 500px:

 
PASO 2
A continuación, estableceremos el ancho del div que deseamos centrar y agregaremos un lo siguiente que logrará centrar este div.

 
PASO 3
El resultado final sería el siguiente:

Centrar un DIV

El código HTML y CSS quedaría de la siguiente manera y con eso habremos logrado centrar un DIV:

Suscríbete a nuestra lista de correo

Etiquetas:, , ,

Publicidad

Deje un comentario