/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

1 vote126 views1 answer
Bottom css don't work for p
CSS
-1 vote133 views1 answer
Option tag center
CSS
21 votes135 views2 answers
How to write css for input type text
CSS
2 votes138 views2 answers
Remove border select css
CSS
1 vote146 views2 answers
How to middle fixed element
CSS
0 vote146 views2 answers
Css flip text
CSS
3 votes144 views2 answers
Css border radius not working
CSS
0 vote145 views1 answer
Css orange color
CSS
156 votes193 views6 answers
Center a div css
CSS
0 vote131 views1 answer
Typora rtl
CSS

Share