View video tutorial

CSS Ordered Lists

CSS

List items are marked with numbers.

CSS ordered list

In an ordered list, each list item is identified by a number.

Example

    #p1 {
      list-style-type:decimal;
    }
    #p2 {
      list-style-type:lower-alpha;
    }
    #p3 {
      list-style-type:upper-alpha;
    }
    #p4 {
      list-style-type:lower-roman; 
    }  
    #p5 {
      list-style-type:upper-roman; 
    } 
Try it Now »

Click on the "Try it Now" button to see how it works.