/*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;
}.container {
font-family: arial;
font-size: 24px;
margin: 25px;
width: 350px;
height: 200px;
outline: dashed 1px black;
/* Setup */
position: relative;
}
.child {
width: 50px;
height: 50px;
background-color: red;
/* Center vertically and horizontally */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}