Ordered and Unordered Lists (v1)


Ordered and unordered lists are heavily used in most websites. It’s not just for bullet-points and numbers… they are also used in creating horizontal navbars and long collections of objects (like a list of pictures of items for sale). They often take the place of tables as the method of choice for displaying structured content.

Learning Objectives

  • What is the basic list syntax?
  • How do you nest lists inside each other?


  1. Read Shay Howe on Lists (including CSS)
  2. Browse HTMLGoodies’ rapid fire guide to different list types
  3. Glance over the HTML docs on lists… you’ll probably see them again when you’re Googling for a problem!

Additional Resources


When looking for help, try doing so in the following order:

  • Did you try everything you could?
  • Did you read the documentation?
  • Did you Google for it?
  • Did you post your question on Slack/Forum?
  • Did you ask your fellow students for help?
  • Did you ask your Mentors for help?
  • Did you leave a comment on the comments section of this page?
  • Did you ask your Instructor for help?
    • Did you arrange and appointment with your instructor using Calendly? Visit this URL and set up an appointment: https://calendly.com/kostasx
    • Is it urgent? Did you try reaching him on Slack

UPDATED: 22.03.2021