我需要将导航栏垂直对齐到h1标题的中间，试图与table-cell一起使用，但是没有用
<header class="navbar">
<div id="title"><h1>Work-template</h1></div>
<nav class="main-menu">
<ul class="menu-bar">
<li>About</li>
<li>temlapte1</li>
<li>template2</li>
<li>Contacts</li>
</ul>
</nav>
</header>