/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

67 votes138 views6 answers
How to center a div in css
CSS
32 votes111 views3 answers
Add google font
CSS
0 vote137 views2 answers
Superscript css
CSS
0 vote124 views1 answer
Css change width animation
CSS
3 votes152 views1 answer
Css first td
CSS
0 vote161 views2 answers
Use font awesome as content in css
CSS
0 vote140 views1 answer
Pill shape css
CSS
1 vote160 views4 answers
CSS Grid Display
CSS
0 vote142 views1 answer
Button not aligning right css
CSS
6 votes131 views4 answers
How to make the image in the center html
CSS

Share