CodeLab
Tutorials For Everyone
Run
<!Doctype HTML> <html> <head> <title>CSS List Item Marker for Unordered Lists</title> <style> .list1{list-style-type:disc;} .list2{list-style-type:circle;} .list3{list-style-type:square;} .list4{list-style-type:none;} </style> </head> <body> <h2>CSS List Item Marker for Unordered Lists</h2> CSS List Item Markers Example: <hr> Top 5 Richest Cites in the world:<br> list-style-type:disc; <ul class="list1"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ul> <hr> Top 5 Richest Cites in the world:<br> list-style-type:circle; <ul class="list2"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ul> <hr> Top 5 Richest Cites in the world:<br> list-style-type:square; <ul class="list3"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ul> <hr> Top 5 Richest Cites in the world:<br> list-style-type:none; <ul class="list4"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ul> </body> </html>