how-to-center-things-using-css.md

How to center things using CSS

Center text Structure your HTML like this

<div class="container">
  <p>Hello, (centered) World!</p>
</div>

And then use following CSS

p {
  text-align: center;
}

Center a Div with CSS Margin Auto

<div class="container">
  <div class="child"></div>
</div>

.child {
  margin: 0 auto;
}

Center a Div Horizontally with Flexbox

<div class="container">
  <div class="child"></div>
</div>

.container {
  display: flex;
  justify-content: center;
}