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 mariabaseleon
mariabaseleon
1,624 Points

stuck on unordered list

Just can't figure out what is wrong here. The direction is to "Add a nested ordered list to the shapes item". 

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

  </body>
</html>

5 Answers

Calvin Nix
Calvin Nix
43,828 Points
Calvin Nix
Calvin Nix
43,828 Points

Hey Maria,

You created your ordered list corrected. The only issue is that it is not nested.

You can fix your code by placing your ordered list right inside of your shapes list item. (i.e. <li>shapes here </li>)

Brianna McCloskey
Brianna McCloskey
9,326 Points
Brianna McCloskey
Brianna McCloskey
9,326 Points

Don't put anything ("item 1" etc.) inside the <li> tags

Dave McFarland
STAFF
Dave McFarland
Treehouse Teacher
Dave McFarland
Dave McFarland
Treehouse Teacher

Maria Baseleon

When you add a nested list, you need to put that new list inside the <li> tag you're nesting within like this:

<ul>
  <li>Item 1
        <ul>
            <li>nested item 1</li>
             <li>nested item 1</li>
              <li>nested item 1</li>
  </li> <!-- end of Item 1 list item -->
</ul>
mariabaseleon
mariabaseleon
1,624 Points
mariabaseleon
mariabaseleon
1,624 Points

Thanks, that was not at all obvious to me. Appreciate it.