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 Wolfgang Sanyer
Wolfgang Sanyer
1,667 Points

Tasks Need to Be Quality Assured

Task 2: Add the following list items to the ordered list: "Stop", "Drop", and "Roll". After check: "Bummer! Your unordered list has too many list items. Try removing some." So what it really wants is to replace the list with:

<ol>
    <li>Stop</li>
    <li>Drop</li>
    <li>Roll</li>
</ol>

Task 4: Add the following list items to the unordered list: "Shapes" and "Colors". My answer: <br> <ol> <li>Stop</li> <li>Drop</li> <li>Roll</li> </ol>

<ul> <li>One</li> <li>Two</li> <li>Shapes</li> <li>Colors</li> </ul>

After check: "Bummer! Your unordered list has too many list items. Try removing some." So, what it really wants is this:

<ol> <li>Stop</li> <li>Drop</li> <li>Roll</li> </ol>

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

Therefore the task should be to Replace the items in the unordered list.

Task 5: Add a nested ordered list to the "Shapes" list item. My answer:

<ol> <li>Stop</li> <li>Drop</li> <li>Roll</li> </ol>

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

After check: Bummer! Try adding the ordered list inside the list item "Shapes"

My next try:

<ul> <li>Shapes</li> <ol> <li>Stop</li> <li>Drop</li> <li>Roll</li> </ol> <li>Colors</li> </ul>

I do not know what to do here....

1 Answer

Dustin Scott
PLUS
Dustin Scott
Courses Plus Student 7,819 Points
Dustin Scott
Dustin Scott
Courses Plus Student 7,819 Points

This is the answer for your problem:

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

    <h1>HTML Lists Challenge</h1>

    <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>

Hope it works