/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

-2 votes292 views1 answer
How to add after psuedo class in html
CSS
0 vote285 views2 answers
Also define the standard property 'background-clip' for compatibility
CSS
2 votes286 views1 answer
Mixin for transition css
CSS
51 votes264 views4 answers
Style scrollbar
CSS
0 vote270 views2 answers
Text decoration underline padding
CSS
-1 vote295 views1 answer
Add shadow to background image css
CSS
0 vote268 views1 answer
CSS BODY AND PRE
CSS
0 vote291 views2 answers
How to remove white space in the right side of web page
CSS
0 vote260 views1 answer
Edit default theme in component angular css
CSS
0 vote273 views1 answer
Chenge number of lines of text in css
CSS

Share