<html>
  <body>
    <main>
      <article id="post-a">記事1</article>
      <article id="post-b">記事2</article>
      <article id="post-c">記事3</article>
    </main>
    <div class="sub">
      <div id="post-related">関連記事</div>
      <div id="post-category">カテゴリ</div>
    </div>
  </body>
</html>
body{display:flex;}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.