Подскажите как можно выровнить внутри блока header меню и лого по вертикали
<header class="header">
<div class="container">
<div class="col-lg-3">
<img src="img/WD.png" alt="">
</div>
<div class="col-lg-6 ml-auto">
<nav>
<ul class="menu d-flex justify-content: center; ">
<li class="menu__item"><a href="#">Главная</a> </li>
<li class="menu__item"><a href="#">Главная</a> </li>
<li class="menu__item"><a href="#">Главная</a> </li>
<li class="menu__item"><a href="#">Главная</a> </li>
<li class="menu__item"><a href="#">Главная</a> </li>
</ul>
</nav>
</div>
</div>
</header>