<nav class="navBlock">
    <h1 class="logoBox">標題</h1>
    <ul class="menu">
        <li class="linkBox">關於我們</li>
        <li class="linkBox">最新消息</li>
        <li class="linkBox">聯絡我們</li>
    </ul>
</nav>

.navBlock{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 0 40px;
    box-sizing: border-box;
}

.menu {
    display: flex;
    align-items: center;
}
.menu .linkBox{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
}

一般我常用的結構長這樣，
如果你要用justify-content，
記得要把display設定成flex,
但是光靠display要達成你圖示的結果，需要比較取巧的方式，
後續改RWD也會比較麻煩，
最方便的方式當然是分成兩個區塊logoBox、menu，
這樣就可以完美利用flex把他們分開。

對阿，直接條margin，或是父元素的padding都可以，為什麼這個解決辦法不好？還有另一種方法，就是用position: relative，只是這種方式就不怎麼好了。