/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 vote156 views2 answers
How to add google fonts to css in react
CSS
3 votes161 views6 answers
Css inner shadow
CSS
0 vote143 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
3 votes138 views1 answer
Convert angular project from css to scss
CSS
0 vote176 views1 answer
How to make text disappear after a certain length css
CSS
1 vote155 views1 answer
Sass calculate and concat pixels
CSS
8 votes138 views2 answers
Horizontal align icon css
CSS
1 vote161 views1 answer
Add css variables without global
CSS
0 vote136 views1 answer
Text width tailwindcss
CSS
27 votes141 views1 answer
Css how to create gradients on text outline
CSS