/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 vote172 views1 answer
List style type none still leaves room for bullet
CSS
0 vote172 views1 answer
Null vs void
CSS
0 vote166 views2 answers
Css gradient rgba to hex
CSS
36 votes189 views5 answers
Text-color gradient css
CSS
6 votes167 views1 answer
How to center an hr
CSS
6 votes161 views9 answers
Create a portfolio website with html css
CSS
0 vote178 views1 answer
Twig date modify
CSS
0 vote217 views1 answer
Javascript canvas pixel art
CSS
1 vote184 views1 answer
Setting paragraph margin to 0
CSS
0 vote192 views1 answer
Css avoid line break in span
CSS

Share