How clever to center the horizontal menu items in 2 rows on the flake?

Below the pen - it is only desktops, so look kindly on them.
The problem is that the menu items are long and are in 2 rows.
What happens: justify-content centers, but the transference of words of free space remained.
If you set the menu items white-space: nowrap, it is in principle possible to solve the problem forcibly by setting these elements breaks in html. (br)
Question - how, without tampering with the html align this menu?
April 7th 20 at 11:09
1 answer
April 7th 20 at 11:11
If properly understood, so that's something
.menu-item {
text-align: center;
}
text-align should remain left, and the effect of alignment you want to be -

But without br, because there is no way to register these transfers. - Delphia2 commented on April 7th 20 at 11:14

Find more questions by tags CSS