/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 vote157 views1 answer
Css accordian triangle
CSS
21 votes175 views6 answers
Text border css
CSS
0 vote144 views1 answer
Css border-boz
CSS
2 votes205 views1 answer
Large input box bootstrap 4
CSS Bootstrap
-1 vote126 views2 answers
How to add border between links in navigation bar
CSS
0 vote148 views1 answer
Css remove white space below footer
CSS
6 votes146 views4 answers
Tailwind css npm
CSS
0 vote149 views1 answer
Lower brightness of backgroung css
CSS
0 vote169 views1 answer
How to create polaroid effect in css
CSS
0 vote143 views2 answers
Ssh: connect to host 165.22.132.219 port 22: Connection refused
CSS