/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 vote101 views1 answer
Html input type colour internal border
CSS
1 vote106 views1 answer
Css element same line
CSS
6 votes105 views1 answer
Hidden vs visible
CSS
17 votes102 views4 answers
Css center element on screen
CSS
0 vote109 views1 answer
Truncate multiline text
CSS
0 vote116 views1 answer
Css keep element on same position among different screen size
CSS
14 votes101 views2 answers
Media query in scss
CSS
0 vote105 views1 answer
Add pseudo buttons
CSS
0 vote108 views1 answer
Wkhtmltopdf remove thead repeating
CSS
0 vote146 views1 answer
Flex basis
CSS

Share