/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 vote302 views5 answers
Add tailwind to next
CSS
0 vote300 views1 answer
Ul list style type image
CSS
3 votes303 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS
0 vote260 views1 answer
Matsnackbar background color
CSS
0 vote301 views1 answer
Css grid exercise
CSS
1 vote327 views1 answer
Input date icon width
CSS
0 vote350 views1 answer
Javascript canvas pixel art
CSS
0 vote322 views2 answers
Chrome developer tools send get request
CSS
7 votes334 views2 answers
Vue sass loader
CSS
0 vote331 views1 answer
Flex: 0 1 auto
CSS

Share