/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

22 votes121 views4 answers
Grid center align
CSS
0 vote119 views1 answer
Use PurifyCSS with hugo
CSS
1 vote113 views3 answers
Bootstrap table text vertical align center
CSS
3 votes166 views4 answers
Blue gradient background
CSS
1 vote115 views1 answer
Css how to dynamically put div in front of another
CSS
15 votes104 views6 answers
Hr css
CSS
1 vote122 views2 answers
How to upgrade composer ubuntu
CSS
0 vote121 views1 answer
Ghjhgggggggg
CSS
145 votes163 views6 answers
Add bootstrap to react
CSS
53 votes113 views6 answers
Background color
CSS

Share