Aside

Recipe 2.4 Structure the main content

Sample:

Code:

<article>
  <h1>Cascade Layers are useless*</h1>

  <p>*if you don‘t understand the problems they solve and…</p>

  <!-- rest of the blog post -->

  <aside aria-labelledby="relatedheader">
    <h2 id="relatedheader">Related Articles</h2>
    <ul>
      <li>
        <a href="/blog/2022/100daysof-day37/">
          cascade layers
        </a>
      </li>
      <li>
        <a href="/blog/2023/100daysof-day68">
          cascade layers and browser support
        </a>
      </li>
      <li>
        <a href="/blog/2023/100daysof-day74">
          using !important in cascade layers
        </a>
      </li>
    </ul>
  </aside>
</article>