/Responsive Web Design

16. Create an Ordered List

HTML has another special element for creating ordered lists, or numbered lists.

Ordered lists start with an opening

element, followed by any number of
1. elements. Finally, ordered lists are closed with the

tag.

For example:

<ol>
  <li>Garfield</li>
  <li>Sylvester</li>
</ol>

would create a numbered list of "Garfield" and "Sylvester".

---

Challenge

Create an ordered list of the top 3 things cats hate the most.

• You should have an ordered list for "Top 3 things cats hate:"
• You should have an unordered list for "Things cats love:"
• You should have only one ul element
• You should have only one ol element
• You should have three li elements within your ul element
• You should have three li elements within your ol element
• Your ul element should have a closing tag
• Your ol element should have a closing tag
• Your li element should have a closing tag
• The li elements in your unordered list should not be empty
• The li elements in your ordered list should not be empty

---

Prev: 15. Create a Bulleted Unordered List

Next: 17. Create a Text Field