title: DIV to the right side of the page
body: <p>I'm having a problem with placing the 'navigation' div (within 5 buttons) to the right side of the page in the '#header' div. The 'navigation' div is still next to the 'logo' div.</p>
  
  <p>Can someone help me to get it to the right side of the page?</p>
  
  <p><strong>CSS code:</strong></p>
  
  <pre><code>body {
  background-color: #000000;
  margin:0;
  padding:0;
  }
  
  #header {
  width: 100%;
  height: 100px;
  background-color: 222423;
  margin-bottom: 5px
  }
  
  #logo {
  float: left;
  }
  
  #navigation {
  display: inline-block;
  vertical-align: middle;
  }
  
  #content {
  height: auto;
  }
  
  .knop {
  margin-right: 7px;
  margin-left: 20px;
  vertical-align: middle
  }
  
  .plaatje {
  position: fixed;
  width: 628px;
  height: 300px;
  margin: -150px auto auto -319px;
  top: 50%;
  left: 50%;
  text-align: center;
  
  }
  
  .DivHelper {
  display: inline-block;
  vertical-align: middle;
  height:100%;
  }
  </code></pre>
  
  <p><strong>HTML code:</strong> </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;link typte="text/css" rel="stylesheet" href="css/style.css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="header"&gt;
  
      &lt;div id="logo"&gt;
          &lt;img src="images/logo.png" width="90px"&gt;
      &lt;/div&gt;
  
      &lt;div id="navigation"&gt;
              &lt;img class="knop" src="images/buttonhome.png"&gt;
  
              &lt;img class="knop" src="images/buttonoverons.png"&gt;
  
              &lt;img class="knop" src="images/buttonproduct.png"&gt;
  
              &lt;img class="knop" src="images/buttonmedia.png"&gt;
  
              &lt;img class="knop" src="images/buttoncontact.png"&gt;
  
      &lt;/div&gt;
      &lt;div class="DivHelper"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  
          &lt;img class="plaatje" src="images/headimage.png" &gt;
  
      fkfddkfd
  
  &lt;/div&gt;
  
  &lt;div id="footer"&gt;
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>