CSS LIST

Related elements can be grouped into lists.

Lists can be of two types

ulunordered list
olordered list

CSS UNORDERED LIST

CSS style definition

<style type="text/css"> ul.cir {list-style-type:circle;} </style>

HTML

<ul class="cir"> <li>APPLE</li> <li>IBM</li> <li>MICROSOFT</li> </ul>

CSS ORDERED LIST

CSS style definition

<style type="text/css"> ol.let {list-style-type:lower-alpha;} </style>

Using style HTML

<ul class="let"> <li>APPLE</li> <li>SAMSUNG</li> <li>NOKIA</li> </ul>

CSS IMAGE LIST

We may also use images to identify each item

Create the CSS style

<style type="text/css"> ul { list-style-type:none; padding:0px; margin:0px; } ul li { background-image:url(image1.png); background-repeat:no-repeat; background-position:0px 3px; padding-left:10px; } </style>

Using HTML :

<ul> <li>APPLE</li> <li>SAMSUNG</li> <li>NOKIA</li> </ul>