/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

29 votes347 views3 answers
Green hex code
CSS
1 vote411 views1 answer
Use css in cshtml
CSS
1 vote370 views1 answer
Detect portrait landscape css
CSS
0 vote422 views2 answers
Nav items moving when hover
CSS
0 vote373 views5 answers
What is the difference between relative and absolute css
CSS
1 vote448 views1 answer
Left align css mdn
CSS
0 vote367 views1 answer
New line ::after class
CSS
27 votes365 views1 answer
How to set text color in ingredient
CSS
1 vote431 views2 answers
What does clearfix for floats do in css
CSS
0 vote355 views1 answer
Css line-through color
CSS

Share