/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

3 votes205 views2 answers
Backdrop filter all properties
CSS
0 vote194 views1 answer
Acf wysiwyg height
CSS
0 vote266 views1 answer
Object-fit
CSS
0 vote192 views1 answer
Css not hover div right hide
CSS
0 vote166 views1 answer
Gulp postcss scss
CSS
1 vote224 views1 answer
Load css file flask
CSS
0 vote216 views2 answers
Woocommerce cart css description
CSS
0 vote182 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
1 vote202 views1 answer
Remove arrow summary tag css
CSS
1 vote319 views1 answer
Css random
CSS

Share