title: Sidebar Is Dropping Below Content Area
body: <p>I am trying to add a sidebar to both the left and right of my content area. A page that I am currently working on can be found <a href="https://www.twoguysplayingzelda.com/news/which-incarnation-of-link-is-the-strongest-in-the-nintendo-legend-of-zelda-franchise/" rel="nofollow noreferrer">here</a>. You will notice the right sidebar below the content area (it has the word test in it twice). I think the issue lies in div class="section-inner". No matter what I do, it always applies a margin which I think is dropping the sidebar down below the content. Below is the CSS for that section and the sidebar. Can someone please help me because I have ran out of ideas. Thanks!</p>
  
  <pre><code>.section-inner {
      margin: 0 auto;
      width: 960px;
      max-width: 100%;
  }
  
  .sidebar {
      width: 10%;
  }
  
  .sidebar .widget:first-child {
      border-top: none;
  }
  
  .sidebar .widget {
      padding: 30px;
  }
  </code></pre>