/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 vote153 views3 answers
Css horizontal ul
CSS
0 vote162 views1 answer
Respnsive font size css
CSS
0 vote119 views1 answer
Different :after and ::after
CSS
1 vote170 views1 answer
How to add 2 text shadows
CSS
10 votes189 views3 answers
Javascript average of numbers in array
CSS
0 vote159 views1 answer
Center text html css position fixed
CSS
1 vote183 views1 answer
Circle background image css
CSS
2 votes156 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
0 vote114 views1 answer
Plus minus button css
CSS
6 votes182 views5 answers
Table fixed header
CSS