如何在此div中垂直居中我的图像？

Question

我在标题中使用以下代码来显示我的徽标和导航。我使用line-height: 90px;将文字垂直居中，但当我尝试提供我的徽标vertical-align: middle;时，它似乎无法正常工作。我做错了什么？

＆＃13;

＆＃13;

header {
  max-width: 960px;
  height: 90px;
  margin: 0 auto;
  line-height: 90px;
  background: #444444;
}
header img {
  width: 59px;
  height: 32px;
  float: left;
}
nav {
  float: right;
}
nav ul li {
  display: inline-block;
}
nav li:not(:last-child) {
  margin: 0px 50px 0px 0px;
}

＆＃13;

<header>

  <img src="images/logo.png" alt="Logo">
  <!-- Bild fehlt noch - SVG -->

  <nav>
    <ul>
      <li><a href="#">Start</a>
      </li>
      <li><a href="#">About me</a>
      </li>
      <li><a href="#">Services</a>
      </li>
      <li><a href="#">Portfolio</a>
      </li>
      <li><a href="#">Contact</a>
      </li>
    </ul>
  </nav>

</header>

＆＃13;

＆＃13;

＆＃13;