/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

72 votes281 views6 answers
How to change font size in css
CSS
1 vote276 views1 answer
Stop the client from scrolling
CSS
0 vote291 views1 answer
Add backdrop to modal css
CSS
1 vote274 views2 answers
Css let div be last
CSS
5 votes245 views1 answer
Css cheat sheet
CSS
0 vote284 views1 answer
Box shadow to table cell css
CSS
182 votes400 views6 answers
How to link css to html
CSS
2 votes257 views1 answer
Popsition relative css
CSS
0 vote265 views2 answers
Css hexagon with text inside
CSS
25 votes287 views5 answers
Line spacing css
CSS

Share