Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Lists HTML Lists

Mary Healy
Mary Healy
7,818 Points
Posted by Mary Healy
Mary Healy
7,818 Points

My html code not working

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

<h1>HTML Lists Challenge</h1>

<ul>
  <li>Stop</li>
  <li>Drop</li>
  <li>Roll</li>

</ul>

</body> </html>

index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>HTML Lists Challenge</title>
  </head>
  <body>

    <h1>HTML Lists Challenge</h1>

    <ul>
      <li>Stop</li>
      <li>Drop</li>
      <li>Roll</li>

    </ul>



  </body>
</html>
Michael Poley
Michael Poley
8,769 Points
Michael Poley
Michael Poley
8,769 Points

I think that in the challenge it asks for you to use Unordered Lists <ul> and Ordered Lists <ol> and that you have to differentiate between them.

1 Answer

Jon Myzzle
Jon Myzzle
6,279 Points
Jon Myzzle
Jon Myzzle
6,279 Points

Hello Mary,

This particular challenge wants you to use ordered lists and unordered lists to solve it. Remember, you can notate an ordered list in HTML using the <ol></ol> and adding <li></li> as the list items nested inside of it. See below:

<ol>
  <li>Stop</li>
  <li>Drop</li>
  <li>Roll</li>
</ol>

Later in the challenge it asks you to nest a list inside of another one. Doing so looks like the following:

<ul> Unordered List
  <li>
    <ol> Ordered List nested inside of it
      <li>List item</li>
    </ol>
  </li>
</ul>

I hope this helps!

Cheers, happy coding!!