<h2>Nesting with a description list</h2>

<dl>
  <dt>top-level
  </dt>
  <dd>This is a top-level description list
    <dl>
      <dt>Nested</dt>
      <dd>This is a nested description list inside a top-level description list.</dd>
    </dl>
  </dd>
</dl>

<h2>Nesting with the ordered and unordered lists</h2>

<ul>
  <li>
    Birds
    <ul>
      <li>Green Woodhoopoe</li>
      <li>Victoria Crowned Pigeon</li>
      <li>American Kestrel</li>
    </ul>
  </li>
  <li>
    Fish
    <ul>
      <li>Pufferfish</li>
      <li>Spottail pinfish</li>
      <li>Stringrays</li>
    </ul>
  </li>
</ul>

<ol type="A">
  <li>
    Shades of yellow
    <ol>
      <li>#fbec74</li>
      <li>#e6d75b</li>
      <li>#cbbd30</li>
    </ol>
  </li>
  <li>
    Shades of red
    <ol>
      <li>#fae4e5</li>
      <li>#f8c9ca</li>
      <li>#fba3a4</li>
    </ol>
  </li>
</ol>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.