/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

24 votes249 views3 answers
Css change multiple classes
CSS
3 votes208 views1 answer
Css vendor prefix
CSS
0 vote319 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
5 votes222 views1 answer
Vertical align items in div
CSS
0 vote257 views2 answers
List view render queryset
CSS
0 vote230 views1 answer
Details summary hide arrow
CSS
1 vote250 views1 answer
Bootstrap Changing the separator
CSS
0 vote255 views1 answer
Bootstrap 4 input error
CSS
1 vote246 views1 answer
Qwant
CSS
0 vote212 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS

Share