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


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.

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

    <h1>HTML Lists Challenge</h1>

    <!-- Write your code below -->


3 Answers

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


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>

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