/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

1 vote345 views1 answer
Css show scrollbar if overflow
CSS
57 votes402 views4 answers
Css hover rounded corners
CSS
0 vote346 views2 answers
Change svg color on hover, css
CSS
0 vote338 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
0 vote345 views1 answer
After icon css
CSS
-1 vote346 views2 answers
Css make border rotate around element
CSS
0 vote370 views1 answer
Javafx set border outside
CSS
27 votes344 views6 answers
Font border css
CSS
5 votes318 views2 answers
Remove bootstrap button outline
CSS
0 vote329 views2 answers
Css make bottom of the div triangle
CSS

Share