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 terry calhoun
terry calhoun
1,181 Points

I keep getting an error that there are too many items in my unordered list. I wasn't aware that there is a limit?

I'm sure its something I'm not seeing but the error message I keep getting is that I have too many list items, when actually I don't have very many at all.

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

  </body>
</html>

3 Answers

Scott Peake
Scott Peake
17,052 Points
Scott Peake
Scott Peake
17,052 Points

Forgive me for saying, your code is a little sloppy, but it SHOULD work.

My output shows the three numbered "fire drill" items followed by the Shapes, Squares (nested), and Colors with their respective symbols in front. Looks good to me.

To clean it up a bit, following the standard HTML indenting conventions, I would write it like this...

<ol> 
  <li>Stop</li>
  <li>Drop</li>
  <li>Roll</li>
</ol>
<ul>
  <li>Shapes</li>
    <ul>
      <li>Square</li>
    </ul>
  <li>Colors</li>
</ul>
Kathleen Sapp
Kathleen Sapp
12,776 Points
Kathleen Sapp
Kathleen Sapp
12,776 Points

Terry- I did the challenge so I could see where your error might be. You have a few errors. Don't forget closing tags and indenting really helps to see where you might have made an error. The correct coding looks like this: <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>

You have written: <ol> <li>Stop <li>Drop <li>Roll </ol> <ul> <li>Shapes <ul> <li>Square </ul> <li>Colors </ul>

Faiq Khan
PLUS
Faiq Khan
Courses Plus Student 971 Points
Faiq Khan
Faiq Khan
Courses Plus Student 971 Points

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

</body> </html>