css li marker

Solutions on MaxInterview for css li marker by the best coders in the world

showing results for - "css li marker"

25 Aug 2017

1<!DOCTYPE html>
2<html>
3<head>
4   <style>
5	ul.circle{ 
6      list-style-type: circle;
7    }
8    ul.square{
9      list-style-type: square;
10    }
11    ol.lower-alpha{ 
12      list-style-type: lower-alpha;
13    }
14    ol.upper-roman{
15      list-style-type: upper-roman;
16    }
17   </style>
18</head>
19<body>
20    <h2>list-style-type: circle</h2>
21	<ul class="circle">
22	    <li>Apple</li>
23	    <li>Mango</li>
24	    <li>orange</li>
25	</ul>
26	<h2>list-style-type: square</h2>
27	<ul class="square">
28	    <li>Apple</li>
29	    <li>Mango</li>
30	    <li>orange</li>
31	</ul>
32	<h2>list-style-type: lower-alpha</h2>
33	<ol class="lower-alpha">
34	    <li>Apple</li>
35	    <li>Mango</li>
36	    <li>orange</li>
37	</ol>
38	<h2>list-style-type: upper-roman</h2>
39	<ol class="upper-roman">
40	    <li>Apple</li>
41	    <li>Mango</li>
42	    <li>orange</li>
43	</ol>
44</body>
45</html>

source