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 Spenser Kuroda
Spenser Kuroda
1,216 Points

Adding a nested ordered list into an unordered list item

Tried adding an ordered list to the unordered list item "Shapes," tried just using <ol></ol>, it didn't work. Tried adding list items with in the ordered list as in my code. Still didn't work. Am I doing this wrong?

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>
          <li>circles</li>
        </ol>
      <li>Colors</li>
    </ul>

  </body>
</html>

2 Answers

Chase Marchione
Chase Marchione
155,055 Points
Chase Marchione
Chase Marchione
155,055 Points

Hi Spenser,

The closing li tag for Shapes should be after the nested order list (that way, the ordered list is truly nested inside of the list item.) For task 6, make sure your list items are 'Square' and 'Circle', too (the Treehouse compiler expects the content to be spelled exactly the same way.)

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

Hope this helps!

Spenser Kuroda
Spenser Kuroda
1,216 Points

Thank you! This helps.

Nicolas Jacobson
Nicolas Jacobson
2,732 Points
Nicolas Jacobson
Nicolas Jacobson
2,732 Points

It should be within the scope of the list item:

ex 

<li>
<ol>
<li></li>
</ol>
</li>
Spenser Kuroda
Spenser Kuroda
1,216 Points

Thanks! This makes sense now