/CSS/How to center a div with position absolute

How to center a div with position absolute

Position absolute center

.child {
    position: absolute;
    top: 50%;  
    left: 50%; 
    transform: translate(-50%, -50%);
}

Position absolute center

position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;

Source: stackoverflow.com

Css center position absolute

.wrapper img {
  left: 50%;
  transform: translate(-50%,0);
  position: absolute;
  z-index: 1 
}

Position absolute center

position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

Source: stackoverflow.com

Center div absolute

#content {
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 100px; /* Need a specific value to work */
}

Source: stackoverflow.com

How to center a div with position absolute

				left:50%;
				transform:translate(-50%, -50%);

-1

Similar codes

0 vote183 views1 answer
Line circle in css
CSS
-2 votes194 views1 answer
Reduce image size on mobile view css
CSS
35 votes186 views2 answers
Css code for margin
CSS
100 votes188 views2 answers
What is position property in css
CSS
0 vote291 views1 answer
Flex starty
CSS
0 vote169 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
3 votes190 views3 answers
Open sans css
CSS
8 votes160 views2 answers
How to rotate picture to the right in css
CSS
25 votes193 views3 answers
How to add spaces between text in html
CSS
0 vote226 views2 answers
How to remove white space in the right side of web page
CSS