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

Posted by Anna Zhang
Anna Zhang
762 Points

How do I nest an ordered list inside an unordered list? My text looks correct in the preview but is wrong when I check.

This is my code:
<ul> <li>Shapes</li> <ol> <li>Squares</li> </ol> <li>Colors</li> </ul>

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>

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

  </body>
</html>
Jakob Wozniak
Jakob Wozniak
17,896 Points
Jakob Wozniak
Jakob Wozniak
17,896 Points

I think you need to put the new ol inside the ul's li, like this:

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

I hope this helps!

2 Answers

Anna Zhang
Anna Zhang
762 Points
Anna Zhang
Anna Zhang
762 Points

Ahh makes sense and it works - thanks Jakob!!

Jakob Wozniak
Jakob Wozniak
17,896 Points
Jakob Wozniak
Jakob Wozniak
17,896 Points

You're welcome! Glad to help.

Anna Zhang
Anna Zhang
762 Points
Anna Zhang
Anna Zhang
762 Points

Ahh makes sense and it works - thanks Jakob!!