/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

38 votes380 views4 answers
Css pointer event
CSS
2 votes383 views2 answers
Css move inline image up
CSS
3 votes377 views3 answers
Remove box around button when clicked
CSS
2 votes404 views2 answers
Positioning button inside div
CSS
0 vote363 views1 answer
How to add css to alt attribute text
CSS
0 vote330 views1 answer
Css background half one color the other half another color
CSS
0 vote356 views3 answers
Style highlight css
CSS
32 votes353 views6 answers
Css animations
CSS
0 vote403 views2 answers
Materialize css
CSS Materialize
0 vote333 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS

Share