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

Jonathan Carter
Jonathan Carter
1,582 Points
Posted by Jonathan Carter
Jonathan Carter
1,582 Points

Possible bug on Code Challenge

Hi Treehouse Team,

I am taking one of the code challenges and can not progress past one step that. The step is titled "Add a nested ordered list to the "Shapes" list item."

I have added the nested list and it is showing up in preview but it is not recognized by the code checker:

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

</body> </html>

3 Answers

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

Nested lists need to go INSIDE the list item they are being nested in like so:

<li>this is a list item with a nested list 
    <ol><li>Here is the nested list inside the list item<li></ol>
</li>

see how the list is placed inside of the list items tags? your list is currently not nested inside the list item, its just below it. So fix that issue and you should pass

Steven Chin
Steven Chin
2,001 Points
Steven Chin
Steven Chin
2,001 Points

I agree, like this:

<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>test</li></ol>
  </li>
  <li>Colors</li>
</ul>
Jonathan Carter
Jonathan Carter
1,582 Points
Jonathan Carter
Jonathan Carter
1,582 Points

Thanks, I actually just came back to comment that I had figured that out. I was thrown off however because the preview of the way I did it in the first place was showing the list how I would anticipate it to show up if it was nested. Thanks guys!

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

yeah the way you had it first will display it correctly, but according to the W3C the correct way is by putting it inside the list item to make a true nested list