/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 vote220 views2 answers
Webkit box shadow not working
CSS
0 vote196 views1 answer
Hoow to open a css class in css
CSS
-1 vote189 views1 answer
Arranging the paragraph in css
CSS
1 vote189 views1 answer
Background-color not showing grover pdf
CSS
2 votes207 views1 answer
How to make gradient backgroud cover whole page in html
CSS
1 vote222 views1 answer
Css ganzer button anklickbar
CSS
0 vote213 views3 answers
How to create collapsable using pure Javascript
CSS
0 vote290 views1 answer
Anchor links scrolling too far
CSS
1 vote253 views1 answer
CSS technique for a horizontal line with icons in the middle
CSS
0 vote201 views1 answer
Select third element of an id css
CSS

Share