How to center menu items on the page?

Question

css

How would it be correct to arrange the menu items exactly in the center of the page, as shown below in the photo?

Answer 1

Set the parent element

display: flex; 
align-items: center;
justify-content: center;

Example:
https://jsfiddle.net/23234234/5o41zw6e/