/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 vote192 views1 answer
Flex align self
CSS
0 vote191 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
0 vote206 views1 answer
Make all elements in a div share same css
CSS
1 vote218 views1 answer
How to scale a bg image acc to size of div
CSS
0 vote188 views1 answer
How to remove link color from <a>
CSS
26 votes209 views5 answers
Css multiple classes
CSS
15 votes183 views2 answers
Span cursor pointer
CSS
0 vote186 views1 answer
Value error w2 should be positive but is
CSS
21 votes179 views2 answers
Form field focus border remove css
CSS
11 votes206 views1 answer
Css white-space nowrap
CSS