/CSS/How to center in absolute position

How to center in absolute position

Position absolute center

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

41

How to center in absolute position

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

10

Source: stackoverflow.com

How to center a div with position absolute

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

-1

Similar codes

0 vote138 views1 answer
@keyframes opact
CSS
0 vote128 views1 answer
Css animation delay does not work
CSS
1 vote111 views1 answer
Transition all 0.3s ease-in-out
CSS
2 votes147 views1 answer
Bootstrap 5 auto darkmode 5
CSS
0 vote124 views1 answer
Css image hover zoom and rotate
CSS
1 vote139 views1 answer
Scss maps´
CSS
179 votes297 views6 answers
Filter method
CSS
19 votes134 views2 answers
Css circle card
CSS
0 vote130 views1 answer
Body .div csss
CSS
126 votes148 views5 answers
React Bootstrap css import
CSS

Share