title: Even If I said it to float left, or rigth it stays in the other row
body: <p>I have made a menu, navigation for my website but for some reason he keeps putting the "Credits" page to the second row, instead of making it in the same row as my Home page link because i did <code>float: rigth;</code> and <code>float: left;</code>.</p>
  
  <p>Here is my html:</p>
  
  <pre><code>&lt;!DOCTYPE html/&gt;
      &lt;html&gt;
          &lt;head&gt;
              &lt;meta charset="utf-8"/&gt;
              &lt;title&gt;My Webpage&lt;/title&gt;
              &lt;link rel="stylesheet" href="sheets/main.css"/&gt;
          &lt;/head&gt;
          &lt;body&gt;
              &lt;div class="titlebackground"&gt;
              &lt;h1 class="title"&gt; My Webpage &lt;/h1&gt;
              &lt;/div&gt;
              &lt;div class="menuitem home"&gt;&lt;p&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
              &lt;div class="menuitem contact"&gt;&lt;p&gt;&lt;a href="other_pages/contact.html"&gt;Contact&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
              &lt;div class="article"&gt;Hello&lt;/div&gt;
              &lt;div class="article"&gt;Hello2&lt;/div&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>And CSS:</p>
  
  <pre><code>body{
      font-family: Arial;
  }
  
  .article {
      float: left;
      width: 200px;
      margin-left: 10px;
      margin-top: 10px;
      padding: 5px;
      border: 2px solid blue;
  }
  
  .title{
      color:white;
      background-color:black;
      padding: 20px 20px 20px 20px;
      margin: 10px 540px 10px 540px;
      border: 8px outset red;
      border-radius: 10px;
      font-size: 30px;
  
  }
  
  .titlebackground{
      margin: 0px 0px 0px 0px;
      background-image:url(../images/titlebackground.jpg);
      border: 8px groove red;
  }
  
  .menuitem{
      float: rigth;
  }
  
  .contact{
      margin: 10px 540px 10px 0px;
  }
  
  .home{
      margin: 10px 540px 10px 540px;
  }
  
  a:link{
      color:#FF0000;
      background-color:white;
      border: 5px solid red;
      padding: 5px 5px 5px 5px;
  }
  
  a:hover{
      color:#FF0000;
      background-color:white;
      border: 5px outset red;
      background-image:url(../images/titlebackground.jpg)
  }
  
  a:active{
      color:#FF0000;
  }
  
  a:visited{
      color:#FF0000;
  }
  </code></pre>