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 Kristian Woods
Kristian Woods
23,414 Points

Add the items "Square" and "Circle" to the list nested under "Shapes"

I'm not sure where I've gone wrong. HELP PLEASE!

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


  </body>
</html>
Hayes McCardell II
Hayes McCardell II
643 Points

the ol tag begins an ordered list, and /ol closes this list. All of your items in this list must go between these tags. li gives you a list item inside a ordered list (ol) or unordered list (ul).

<ol>Colors
<li>Blue
<li>Red
<li>Orange
</ol>

Now try it again with your shapes.

1 Answer

andi mitre
STAFF
andi mitre
Treehouse Guest Teacher
andi mitre
andi mitre
Treehouse Guest Teacher

Hey Kristian,

Your square and circle list items should be nested in the order list within the shapes list item.

Hope this helps!

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