/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

111 votes238 views6 answers
Media query css
CSS
0 vote205 views1 answer
Ubuntu phantomjs wrong paper size
CSS
0 vote267 views1 answer
Edge ontouchmove does not work correctly
CSS
0 vote187 views1 answer
Changer angle div
CSS
1 vote211 views3 answers
How to stop input from highlighting onclick
CSS
1 vote228 views2 answers
Css clearfix for floats with display table and clear both
CSS
258 votes310 views6 answers
ForEach
CSS
1 vote212 views1 answer
To make the content of the select2 RTL or LTR
CSS
0 vote198 views2 answers
Media Query Smartphone Portrait
CSS
0 vote217 views3 answers
Constraint in grails
CSS

Share