/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

-1 vote189 views1 answer
Css grid column height fit content
CSS
0 vote243 views2 answers
Svg as background css
CSS
1 vote206 views1 answer
Css grid auto resize on mobile
CSS
0 vote267 views1 answer
L'entente cordiale streaming
CSS
0 vote223 views2 answers
Css hover affect other item
CSS
4 votes211 views2 answers
Alternate table row color css
CSS
0 vote184 views1 answer
Css design guideline
CSS
4 votes234 views3 answers
Add space between flex items
CSS
1 vote225 views1 answer
Content-visibility
CSS
1 vote278 views2 answers
Selector CSS Example
CSS

Share