View video tutorial

CSS Unordered Lists

CSS

List items are marked by bullets.

CSS unordered list


In an unordered list, each list item is marked with a bullet.

Example

    #p1 {
      list-style-type:circle;
    }
    #p2 {
      list-style-type:square;
    }
    #p3 {
      list-style-type:disc; 
    }
Try it Now »

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


Example

#p1 {
  list-style-type:circle;
  list-style-position:inside;
}
#p2 {
  list-style-type:square;
  list-style-position:outside;
}
#p3 {
  list-style-image: url('images/star3.png');
}
Try it Now »

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