How to center menu items inside a block?

Question

css

For some reason, the menu items are not centered (height), but a little higher, how to solve this?
https://jsfiddle.net/bxhu5fwf/6/
thanks!

Answer 1

Your logo is larger than a menu and that's why it only interfered: https://codepen.io/topicstarter/pen/jZRrPp
but it would be better to use flexbox