Подравняване на флекс елементи в центъра в CSS

Стойността center, зададена в свойството justify-content, позволява подравняване на елементите в центъра:

css.parent {
  display: flex;
  justify-content: center;
}

Резултат от изпълнението на кода: