<ul>
  <li>
    <h1>H1 [Voedsel dat mensen eten]</h1>
    <ul>
      <li><h2>H2 [Fruit]</h2>
        <ul>
          <li><h3>H3 [Appel]</h3></li>
          <li><h3>H3 [Banaan]</h3></li>
          <li><h3>H3 [Sinaasappel]</h3></li>
        </ul>
      </li>
      <li>H2 [Groente]</h2>
        <ul>
          <li><h3>H3 [Broccoli]</h3></li>
          <li><h3>H3 [Spruiten]</h3></li>
          <li><h3>H3 [Wortels]</h3></li>
        </ul>
      </li>
      <li><h2>H2 [Noten]</h2>
        <ul>
          <li><h3>H3 [Hazelnoot]</h3></li>
          <li><h3>H3 [Pinda’s]</h3>
            <ul>
              <li><h4>H4 [Allergie]</h4></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
h1,h2,h3,h4{
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
}

ul{
  padding: 0;
  margin: 0;
  list-style: none;
  ul{
    padding-left: 1.5rem;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.