/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

0 vote154 views1 answer
Image with colored background html css tigether
CSS
21 votes145 views2 answers
Remove color and underline from link css
CSS
0 vote145 views1 answer
Product list fix height image css
CSS
4 votes166 views5 answers
Bootstrap img src
CSS
0 vote149 views1 answer
Scss @content
CSS
0 vote218 views1 answer
Bootstrap remove unused css
CSS Bootstrap
6 votes161 views8 answers
Bootstrap css
CSS
-1 vote151 views1 answer
Css blur gradient
CSS
0 vote152 views1 answer
How to get on the top of the page
CSS
1 vote152 views1 answer
Scroll bar on border radius element css
CSS