Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Lists HTML Lists

Add a nested ordered list to the Shapes list item.

Hey nick I tried that code you gave me but it still doesn't work.

index.html
<!DOCTYPE html>
<html>
  <head>
    <title>HTML Lists Challenge</title>
  </head>
  <body>

    <h1>HTML Lists Challenge</h1>

    <!-- Write your code below -->
    <ol>
      <li>Stop</li>
      <li>Drop</li>
      <li>Roll</li>
    </ol>


      <li>Shapes
        <ol></ol>
    </li>


  </body>
</html>

2 Answers

You shouldn't make a new topic to reply to someone in your previous one. You can add comments to that. But also, reference the responses I gave you the other day as they should have solved this challenge for you.

For that part of the challenge all you need to do is nest an <ol></ol> within the shapes list item.

    <ul>
      <li>Shapes<ol></ol></li>
      <li>Colors</li>
    </ul>

The final part of the challenge then nests two more list items within that OL.

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Lists Challenge</title>
  </head>
  <body>

    <h1>HTML Lists Challenge</h1>

    <!-- Write your code below -->
    <ol>
      <li>Stop</li>
      <li>Drop</li>
      <li>Roll</li>
    </ol>

    <ul>
      <li>Shapes
        <ol>
          <li>Square</li>
          <li>Circle</li>
        </ol>
      </li>
      <li>Colors</li>
    </ul>


  </body>
</html>

Ok no probs.

Thank You any way!