title: Why are the <tr> tags in my HTML code not displayed in order on my browser?
body: <p>So I'm making a website as a test. The code can be seen below.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>* {
      background: #000000;
      color: #dddddd;
      margin: 0;
      padding: 0;
  }
  
  body {
      font-family: Consolas;
  }
  
  button.header {
      border-width: 0;
  }
  
  table { width: 100%; }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
      &lt;head&gt;
          &lt;title&gt;test title&lt;/title&gt;
          &lt;link rel="stylesheet" href="start.css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;table style="padding-top: 0.8rem;"&gt;
              &lt;tr&gt; &lt;!-- Title, Buttons --&gt;
                  &lt;th style="text-align: left; padding-left: 0.8rem;"&gt;
                      &lt;h1&gt;test site title&lt;/h1&gt;
                  &lt;/th&gt;
                  &lt;th style="text-align: right; padding-right: 0.8rem;"&gt;
                     &lt;button class="header"&gt; ABOUT &lt;/button&gt;
                     &lt;button class="header"&gt; PROJECTS &lt;/button&gt;
                     &lt;button class="header"&gt; CONTACT &lt;/button&gt;
                  &lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  Test
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>The output is seen below:
  <a href="https://i.stack.imgur.com/Bwdps.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bwdps.png" alt="browser output" /></a></p>
  <p>The error here is that the second <code>&lt;tr&gt;</code> tag with the text <code>&quot;Test&quot;</code> is displayed before the first, which contains the buttons and title.</p>
  <p>Why is that happening? How can I affect the order of my table rows?</p>