<style id="jsbin-css">
header {
  font-style: italic;
}

#content {
  border: 2px solid black;
  width: 80%;
  height: 300px;
}

#sidebar {
  border: 2px solid black;
  float: right;
  margin-top: -305px;
  width:15%;
}
</style>
<header>
  <h1>
      Title
  </h1>
</header>
<section id="content">
  <header>
    Article title
  </header>
  <section>
    <p>Article para1 ...</p>
  </section>
</section>
<aside id="sidebar">
  <header>
    Aside
  </header>
  <ul>
    <li>
      Item 1
    </li>
    <li>
      Item 2
    </li>
  </ul>
</aside>
<footer>
  <address>
    Kevin St, Dublin 8
  </address>
</footer>
<script id="jsbin-source-html" type="text/html"><header>
  <h1>
      Title
  </h1>
</header>
<section id="content">
  <header>
    Article title
  </header>
  <section>
    <p>Article para1 ...</p>
  </section>
</section>
<aside id="sidebar">
  <header>
    Aside
  </header>
  <ul>
    <li>
      Item 1
    </li>
    <li>
      Item 2
    </li>
  </ul>
</aside>
<footer>
  <address>
    Kevin St, Dublin 8
  </address>
</footer>
</script>

<script id="jsbin-source-css" type="text/css">header {
  font-style: italic;
}

#content {
  border: 2px solid black;
  width: 80%;
  height: 300px;
}

#sidebar {
  border: 2px solid black;
  float: right;
  margin-top: -305px;
  width:15%;
}</script>