title: I need to add a sidebar to the right of my content
body: <p>I got an assignment to make a website for the "Olympic boxing tournament", which needs to include a right sidebar. I tried for almost a day now but i can't seem to find a way to let it appear next to the main content section.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
  &lt;div class="content-main content-style"&gt;
   &lt;h1&gt;Hier komt de content van de main sectie.&lt;/h1&gt;
   &lt;p&gt;Mooie content &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="content-right content-style"&gt;
   &lt;h1&gt;Hier komt de content van de right-sidebar&lt;/h1&gt;
   &lt;p&gt;mooie content he?&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>And here the CSS :</p>
  
  <pre><code>.content-style {
      background-color:rgba(120, 135, 171,0.5);
      text-align:center;
  }
   .content-main {
      width: 50%;
      margin-left: 450px;
  }
  
  .content-right{
     width: 15%;
     float:right;
     position: relative;
  }
  </code></pre>
  
  <p>I think it should be a very easy thing; I just can't figure it out.</p>