/CSS/Css absolute from center and not corner

Css absolute from center and not corner

this makes it so position absolute focuses in the middle of the element
instead of the top-left corner

.parent{
  position: relative;
}
.child-element-you-want-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Similar codes

20 votes238 views3 answers
Align items center in grid
CSS
0 vote223 views2 answers
Pixel css
CSS
27 votes218 views6 answers
Import font css
CSS
17 votes216 views4 answers
Li remove dot css
CSS
15 votes233 views3 answers
Loops scss
CSS
0 vote203 views1 answer
Css animation scale image
CSS
0 vote258 views1 answer
Hiden file upload button css
CSS
7 votes197 views3 answers
Css animation infinite
CSS
595 votes305 views10 answers
Gme stock
CSS
0 vote200 views1 answer
Devextreme css
CSS