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 item

This looks correct in preview but won't validate.

'''<!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</li>
            <ol>
        <li>1 Blah</li>
        <li>2 Blah</li>
            </ol>
  <li>Colors</li>
</ul>

</body> </html> '''

4 Answers

Richmond Lauman
Richmond Lauman
28,793 Points

I hear ya. After almost a decade of HTML I still occasionally swear a blue streak because an image won't appear where it should... and then realize I used an href attribute in an image tag instead of src.. The simple things get you and are the hardest to see sometimes. I should make a poster to pin on my wall that says "If your image is not appearing make sure you are using src instead of href!!!!" ;-P

Richmond Lauman
Richmond Lauman
28,793 Points

Your last ordered list is not actually nested in the Shapes list item. It is situated between Shapes and Colors. A nested list should be enclosed within the list item tags of the list element you intend to nest it in.

You were sooooooo close though.

Ah yup. The simple ones are usually the hardest to find... Thanks!

Ah yup. The simple ones are usually the hardest to find... Thanks!