text-align: center; - Why isn't working on my div

text-align: center; - Why isn't working on my div

by l4s33n

HTML

<div class="some-wrapper">
  <div class="content">
    <h1 class="about-us-heading">About</h1>
      <br>
    <p class="about-us">About Text Here</p>
  </div>
</div>

CSS

.some-wrapper {
  display: flex;
  justify-content: center;
  background-color: lightblue;
}

.content {
  width: 800px;
  text-align: center;
  background-color: red;
}