title: How can I position a div box right under another div box?
body: <p>I have a problem with the positioning (?) of my <code>div</code> boxes. I have a <code>div</code> box for my navigation bar.<br>
  I want a <code>div</code> box right under the navigation bar in the center, which can be filled with some text.<br>
  I tried:</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>    .navigation {
        background-color: black;
        position: fixed;
        width: 1920px;
        left: 0px;
        top: 0px;
      }
  
      .inhalt {
        position: realative;
        margin: 0px auto;
        width: 600px;
        top: 600px;
        background-color: white;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="navigation"&gt;
        &lt;table&gt;
          &lt;tr&gt;
            &lt;th&gt;&lt;img src="logo.jpeg"&gt;&lt;/th&gt;
            &lt;th&gt;&lt;/th&gt;
            &lt;th&gt;&lt;/th&gt;
            &lt;th&gt;&lt;a href="index.html"&gt;Startseite&lt;/a&gt;&lt;/th&gt;
            &lt;th&gt;&lt;a href="beats.html"&gt;Beats&lt;/a&gt;&lt;/th&gt;
            &lt;th&gt;&lt;a href="preise.html"&gt;Preise&lt;/a&gt;&lt;/th&gt;
            &lt;th&gt;&lt;a href="kontakt.html"&gt;Kontakt&lt;/a&gt;&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks for any answer!!</p>