/CSS/Center div in middle of page

Center div in middle of page

Css center element on screen

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

11

Center div in middle of page

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

8

Source: css-tricks.com

Similar codes

2 votes338 views1 answer
Vh vs vw css
CSS
0 vote324 views1 answer
Scroll x css
CSS
0 vote333 views1 answer
How to use css in material ui
CSS
0 vote330 views1 answer
Postion on window top css
CSS
33 votes308 views6 answers
Gradient css
CSS
1 vote358 views2 answers
Button transparent using css
CSS
8 votes325 views2 answers
Font roboto css
CSS
0 vote381 views1 answer
Chai assert
CSS
51 votes355 views4 answers
Css center horizontally
CSS
0 vote368 views1 answer
Box shadow css animation
CSS

Share