/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

4 votes407 views3 answers
.col-6 bootstrap
CSS Bootstrap
0 vote335 views3 answers
Bulma capitalized
CSS
5 votes325 views3 answers
Css glow effect
CSS
1 vote347 views1 answer
Ion-item no padding ionic 4
CSS
0 vote436 views3 answers
Bulma lowercase
CSS Bulma
6 votes357 views3 answers
Input checkbox size
CSS
1 vote370 views1 answer
Mini-css-extract-plugin
CSS
2 votes326 views4 answers
Animation timing function css
CSS
0 vote342 views1 answer
Image right css
CSS
-2 votes353 views4 answers
Js simulate click on div
CSS

Share