/CSS/How to horizontal center a div in css

How to horizontal center a div in css

Center with css

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

27

How to horizontal center a div in css

#inner {
  width: 50%;
  margin: 0 auto;
}

2

Source: stackoverflow.com

Similar codes

0 vote213 views2 answers
Text decoration underline padding
CSS
0 vote236 views1 answer
Move text in a padding css
CSS
33 votes231 views6 answers
Css flex center
CSS
0 vote213 views1 answer
How to use css in material ui
CSS
-2 votes238 views1 answer
Media queries iphone 11
CSS
0 vote214 views1 answer
Sass mixin breakpoint
CSS
0 vote234 views1 answer
Box style
CSS
0 vote217 views1 answer
Css color gradient background full height
CSS
2 votes232 views2 answers
Css heading background line
CSS
1 vote222 views1 answer
Highlight table row on hover
CSS

Share