/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 vote372 views1 answer
Importing scss into vue component
CSS
0 vote328 views1 answer
Background image animation css codepen
CSS
32 votes400 views5 answers
Css opacity
CSS
0 vote320 views1 answer
Media query not working with rem
CSS
22 votes324 views5 answers
Css grid center
CSS
8 votes315 views2 answers
Horizontal align icon css
CSS
1 vote322 views1 answer
Border style shorthand
CSS
16 votes310 views4 answers
Arrow left css
CSS
0 vote327 views1 answer
Css hide timeline
CSS
0 vote339 views1 answer
Bast css 3d images gallery code
CSS

Share