/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 vote130 views1 answer
Css animated cross mark
CSS
0 vote130 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
45 votes135 views6 answers
How to write css in html
CSS
1 vote147 views2 answers
Absolute vertical position css
CSS
1 vote115 views1 answer
Firefox css code
CSS
0 vote122 views1 answer
Docker buildx push to private registry
CSS
0 vote138 views1 answer
SES
CSS
0 vote130 views2 answers
Split pane border css ionic
CSS
4 votes146 views2 answers
How to set text in center in flex item
CSS
0 vote124 views1 answer
Css apply style to direct children
CSS

Share