/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

1 vote156 views1 answer
Css select part of class name
CSS
0 vote139 views1 answer
Css content from data attribute
CSS
37 votes193 views1 answer
Css placeholder font size
CSS
0 vote151 views1 answer
Css hide mark border
CSS
1 vote161 views1 answer
Make web page float to center of page
CSS
0 vote301 views1 answer
Twig inline css
CSS
0 vote147 views1 answer
Enqueing another css file in shild
CSS
2 votes142 views1 answer
Cool hover effects css
CSS
32 votes149 views5 answers
Css opacity
CSS
0 vote147 views1 answer
Thumb personalizzata wp
CSS

Share