/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

165 votes258 views6 answers
Box shadow inset
CSS
0 vote243 views1 answer
Line cap css
CSS
0 vote218 views1 answer
Css opacity from 0 to 1
CSS
0 vote201 views2 answers
Split pane border css ionic
CSS
0 vote206 views1 answer
How to get font awesome outline
CSS
0 vote206 views1 answer
Javafx change image on hover
CSS
0 vote210 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
8 votes215 views6 answers
Background image overlay
CSS
9 votes267 views5 answers
Html button size
CSS
0 vote235 views1 answer
Css float placeholder
CSS

Share