/* 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;
}.div-object {
display: grid;
place-items: center;
}div {
width: 100px;
height: 100px;
background-color: red;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}.center {
margin: auto;
width: 50%;
border: 3px solid green;
padding: 10px;
}.center {
display: grid;
place-items: center;
}.div {
width: 80%;
margin: auto;
}margin:auto/*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;
}<center>
<div> YOUR DIV </div>
</center><div id="outer">
<div id="inner">Foo foo</div>
</div>