【CSS】ヘッダーで使える（ロゴ&ナビゲーション） | 要素を横並びにして縦方向は中央に揃える

要素を横並びにして、なおかつ縦方向は中央で揃える方法。
ヘッダーでよく目にする、左にロゴ、右にナビゲーションという配置で使えそう。

ポイント
・縦方向中央に揃えるために、親要素にalign-items: center;