HTML Lists

Let us learn about the List element, firstly there are 2 different way to use it, “order list” and “unorder list”.

How does it look like? you may come along seeing a few of them being used in the previous tutorial.

Order List

  1. Apple
  2. Banana
  3. Carrot
  4. Orange


Unorder List

  • Apple
  • Banana
  • Carrot
  • Orange


did you catch the difference?

Order list are being mark with numbers.

Unorder list are being mark with shapes.


Order list


Unorder list


Try Elementor For Free

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


  • Overview
  • Design
  • Programing
  • Collaborate
  • Soon to Come

Get Started

  • Tutorials
  • Resources
  • Guides
  • Examples
  • Docs


  • Stories
  • Community
  • Blog
  • Careers
  • Brand Assets


  • Mobile UI Kit
  • Web UI Kit
  • Psd files
  • Icons
  • Mockups

© 2018 All rights reserved