/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

15 votes179 views3 answers
Put an border around an text in css
CSS
2 votes154 views2 answers
Remove bg color with css
CSS
8 votes152 views1 answer
How to get my div to centre
CSS
0 vote139 views1 answer
Css if screen size less than
CSS
2 votes163 views1 answer
Textarea only one line
CSS
0 vote147 views1 answer
Custom hr in css
CSS
14 votes204 views6 answers
Bootstrap image size
CSS Bootstrap
51 votes145 views6 answers
Ellipsis css
CSS
0 vote150 views1 answer
Vertical sliders css
CSS
56 votes164 views2 answers
Responsive css code for all screen size
CSS

Share