/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 vote131 views1 answer
What css font smoothing
CSS
4 votes123 views4 answers
Change placeholder color
CSS
0 vote129 views1 answer
Css text elipsis after width
CSS
0 vote123 views1 answer
CSS adding background image from file
CSS
0 vote127 views1 answer
Css a little transparent
CSS
0 vote117 views1 answer
Css animation click
CSS
22 votes123 views4 answers
Import font css from url
CSS
0 vote153 views1 answer
How to make a flex container full page
CSS
1 vote129 views1 answer
Centering items in react css
CSS
0 vote135 views1 answer
Smooth button effect css
CSS