Bulleted and numbered lists

Ordered and unordered lists are a useful way to organise and layout information. CSS provides a number of properties that help you decide what your lists look like.

There isn’t all that much new here but then simple lists worked pretty well in HTML anyway.

Use the list-style-type property to specify the type of bullets or numbers that you want to use for lists. You have the same options as for the standard HTML <ul> and <ol> tags plus some different counting systems such as Hebrew.

The list-style-postion property specifies where the bullet or number appears in relation to the text of a list item that has more than one line of text. The question is whether to align the text of the second line (and subsequent lines) of text with the bullet or number or with the edge of the first line of text.

You can also use an picture for the bullet character instead of the circles, discs and squares that you get in standard HTML. The list-style-image lets you give the url of a picture you want to use as the bullet character.