/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

2 votes126 views1 answer
Css rounded corners at top only
CSS
0 vote129 views1 answer
Absolute vertical middle quasar
CSS
2 votes140 views2 answers
Border not showing css
CSS
2 votes124 views1 answer
Css click effect
CSS
0 vote158 views1 answer
Remove contact form 7 css
CSS
0 vote126 views1 answer
Css full grid span
CSS
0 vote132 views1 answer
Double border color css
CSS
50 votes114 views6 answers
Text align css
CSS
4 votes123 views1 answer
Css overflow truncate
CSS
0 vote143 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS