/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

0 vote341 views2 answers
Sass variables across files
CSS
12 votes335 views4 answers
On hover display another div css
CSS
0 vote346 views1 answer
Css transform duration
CSS
24 votes359 views3 answers
Link font size html
CSS
8 votes367 views4 answers
CSS Grid Column
CSS
0 vote337 views7 answers
Convert css box shadow to react native
CSS
2 votes294 views1 answer
Xpath vs css selector
CSS
0 vote322 views1 answer
Table td remove padding
CSS
-1 vote344 views1 answer
Css code for green
CSS
50 votes333 views5 answers
Css reset style
CSS

Share