/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 vote123 views3 answers
Text in one line css
CSS
0 vote130 views1 answer
Line cap css
CSS
4 votes108 views2 answers
Style first word using css
CSS
1 vote88 views2 answers
Hide text css
CSS
9 votes133 views2 answers
Bootstrap cheat sheet
CSS
0 vote131 views2 answers
Skeumorphism box shadow
CSS
38 votes140 views3 answers
Cool ways to color a background with css
CSS
71 votes123 views6 answers
How to center items in css
CSS
0 vote140 views1 answer
Media queries and or conditions
CSS
0 vote115 views1 answer
Postcss plugin
CSS

Share