/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 vote196 views1 answer
How to use css on a react icon
CSS
1 vote230 views2 answers
Customize highlight color website
CSS
0 vote217 views1 answer
Css font family narrow fonts
CSS
0 vote198 views7 answers
Xle
CSS
0 vote206 views1 answer
How to make 3 photos display inline-blocks
CSS
116 votes241 views6 answers
@media screen and (max-width
CSS
1 vote158 views2 answers
Hide text css
CSS
0 vote203 views1 answer
Project in css transforms
CSS
0 vote207 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
2 votes196 views2 answers
Opacity animation css
CSS

Share