/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

7 votes343 views2 answers
Font for css code google link
CSS
2 votes385 views2 answers
Bootstrap change color table striped
CSS
48 votes319 views3 answers
Font-size
CSS
0 vote365 views1 answer
Make previous commit master
CSS
-1 vote352 views1 answer
How to hover div in css
CSS
126 votes507 views5 answers
React Bootstrap css import
CSS Bootstrap
1 vote393 views1 answer
How to gain full width of a phone website in html and css
CSS
0 vote525 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
6 votes353 views6 answers
Css text highlight
CSS
0 vote366 views1 answer
Hover on father elemet activates a child element css
CSS

Share