title: How do I center header text in the middle of the navigation menu in html
body: <p>I am wondering how to center the header text I wrote in the center of the navigation menu that I created, the text is already centered but it is centered at the top of the navigation menu, not in the middle, which is what I need.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Home&lt;/title&gt;
  &lt;/head&gt;
  &lt;style&gt;
      body {margin:0;}
      .Header {
          z-index: 100;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          background-color: #000000;
          height: 70px;
      }
  
      @media screen and (max-width:680px) {
          .Header.responsive {position: relative;}
          .Header.responsive li.icon {
              position: absolute;
              right: 0;
              top: 0;
          }
  
      }
      @media (max-width: 960px){
      .Header .headerLogo{
          display: inline-block;
          width: 86px;
          height: 15px;
          margin-top: 17px;
          margin-left: 6px;
      }
      }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="Header" id="myHeader"&gt;
      &lt;a class = "headerLogo"&gt;
      &lt;header&gt;&lt;center&gt;&lt;i&gt;&lt;font size = "6" face = "verdana" color = "white"&gt;Lunation Boards&lt;/font&gt;&lt;/i&gt;&lt;/center&gt;&lt;/header&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>