“Cómo centrar un div” Código de respuesta

Cómo centrar un div

/* Assume the div has a class of "center"
   The below would center it horizontally
*/
.center {
	margin-left: auto;
    margin-right: auto; 
}

/* There is a shorthand and it is given below */
.center {
	margin: 0 auto; 
}
Wissam

Cómo centrar un div

.div-object {
	display: grid;
    place-items: center;
}
MikaKC

Cómo centrar un div

div {
    width: 100px;
    height: 100px;
    background-color: red;
    
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    
    margin: auto;
}
Wandering Walrus

Cómo centrar un div

.center {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}
Matteoweb

Cómo centrar un div

.center { 
	display: grid;
    place-items: center;
}
Average Alligator

Cómo centrar un div

.div {
	width: 80%;
    margin: auto;
}
joel2play

Cómo centrar un div

margin:auto
CodeNameNinja

Cómo centrar un div

/*Dude XD

I have the same question

EVERYONE HAS THE SAME QUESTION

EVERYONE
ok here's the code*/
/* Aligns a the content to the center */

.parent {
  text-align: center;
}
vagg

Cómo centrar un div

<center>
  <div> YOUR DIV </div>
</center>
Gorgeous Gemsbok

Cómo centrar un div

<div id="outer">
  <div id="inner">Foo foo</div>
</div>
Sara Gismondi

Respuestas similares a “Cómo centrar un div”

Preguntas similares a “Cómo centrar un div”

Más respuestas relacionadas con “Cómo centrar un div” en HTML

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código