/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

1 vote356 views1 answer
Ul remove dots
CSS
23 votes341 views5 answers
Center div using flex
CSS
0 vote363 views1 answer
Android studio cardview background transparent
CSS
0 vote337 views1 answer
How to make the select box font size small in css
CSS
2 votes346 views2 answers
Why is my css not working
CSS
1 vote314 views2 answers
Css input border radius focus
CSS
0 vote322 views1 answer
Souligner titre css
CSS
1 vote308 views1 answer
Css border only top and bottom
CSS
30 votes328 views4 answers
Opacity color
CSS
0 vote382 views1 answer
Spanning Items Across Rows and Columns
CSS