Как грамотнее отцентровать по горизонтали пункты меню в 2 строки на флексах?

Question

[lagudal]

Ниже пен - пока речь только о десктопах, поэтому смотреть просьба только на них.
Проблема заключается в том, что пункты меню длинные и идут в 2 строки.
Что получается: justify-content центрирует, но при переносе слов свободное место остается.
Если же задать для пунктов меню white-space: nowrap, то в принципе можно решить проблему, принудительно задав этим элементам переносы в html. (br)
Вопрос - как без вмешательства в html выровнять это меню?

Answer 1

[Максим]

Если правильно понял, то вот так

.menu-item {
text-align: center;
}

Comments

[lagudal]

text-align должен остаться left, а эффект при выравнивании хочу получить вот такой -

Но только без br, поскольку нет возможности прописать эти переносы.