
Lists are commonly used on the web, through the use of special HTML tags which allow you to semantically create them. You’ll recognize these in the form of a list with bullet points, letters or numbers. Using CSS, we can manipulate them to even remove the list markers or replace them with a custom image.
There are three tags that we will be talking about: ul, ol and li. The first two are used to define what type of list you are creating (unordered or ordered, respectively). The third tag is wrapped around each item on the list. All the items are contained in one of the first two tags.
Let’s look at an example of how to format a list:
[html]<ul>
<li>Point</li>
<li>Point</li>
<li>Point</li>
</ul>[/html]
Which will product a bulleted-list. To produce a numbered list, you can use the ol tag instead of ul.
Styling Lists
We can use the list-style-type and list-style-image properties in CSS to modify the appearance of lists. The former will allow you to choose the type of list markers (bullets, numbers, letters) to use in your list (see here for potential values and browser compatibility). The latter allows you to specify an image to use as a list marker (see here for the proper syntax).




