title: Move text in <header> element
body: <p>So, I have a <code>&lt;nav&gt;</code> tag in <code>&lt;header&gt;</code> tag, but it is weirdly on the top, but I need it to be on the bottom.</p>
  
  <p>Here is what I need it to look like:</p>
  
  <p><a href="https://i.stack.imgur.com/SakMy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SakMy.png" alt="enter image description here"></a></p>
  
  <p>And here it looks how it came out:</p>
  
  <p><a href="https://i.stack.imgur.com/f5bmi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f5bmi.png" alt="enter image description here"></a></p>
  
  <p>Here is the CSS code for the buttons and the header it is in.</p>
  
  <pre><code>#header {
      background-color: #886D75;
      position: absolute;
      left: 10px;
      top: 0px;
  }
  
  #nav {
      text-align: right;
      float: right;
  }
  </code></pre>
  
  <p>And here is the HTML.</p>
  
  <pre><code>    &lt;header id="header"&gt;
          &lt;img id="logo" src="images/logo.png" alt="kasacast logo"&gt;
          &lt;nav id="nav"&gt;
              &lt;a href="home.html" id="home" class="nav"&gt;home&amp;nbsp;&lt;/a&gt;
              &lt;a href="help.html" id="help" class="nav"&gt;help&amp;nbsp;&lt;/a&gt;
              &lt;a href="https://app.tutturu.tv" id="tutturu" class="nav"&gt;tutturu&amp;nbsp;&lt;/a&gt;
              &lt;a href="stream.html" id="stream" class="nav"&gt;stream&amp;nbsp;&lt;/a&gt;
              &lt;a href="about.html" id="about" class="nav"&gt;about&amp;nbsp;&lt;/a&gt;
          &lt;/nav&gt;
      &lt;/header&gt;
  </code></pre>