Как выровнять текст по середине блока?

Question

[Norum]

Как выровнять текст по центру блока? Для блока родителя прописано justify-content: center, но в итоге не работает, а
text-align: center выравнивает текст не так, как мне надо.
PS данная секция называется .features

Сам сайт ch38740.tmweb.ru
Весь код https://jsfiddle.net/0jsar8ke/

Как у меня


Как надо

<div class="features-desc">
                    <div class="foreword">Why Frispes</div>
                    <h3>We revolutionize your workspace</h3>
                    <p>With a decade of insights and expertise, we're decided to reimagine co-working space, designed to help a new startup grow up and realize their ideas so they can give a positive impacts on many people</p>
</div>

.features-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #10375c;
  color: #fff;
  margin-left: 70px;
  padding: 40px;
}

Answer 1

[EugeneMedvedev]

Justify-content - дитя флекса, а не инлайна
Поставьте display:flex;
flex-direction: column;
justify-content: center;
align-items: center;

Comments

[Norum]

Написал, как вы рекомендовали

.features-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #10375c;
  color: #fff;
  margin: 0 auto;
  padding: 40px;
}

Вот что получилось