bullets in html code example
Example 1: how to change only bullet color in css
li::before {content: "•"; color: red;
display: inline-block; width: 1em;
margin-left: -1em}
Example 2: ul li dot seprator
ul li { list-style: none; display: inline; }
ul li:after { content: " \00b7"; }
ul li:last-child:after { content: none; }
Example 3: html number list
<ol type="1">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<ol type="a">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<ol type="I">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<ol type="i">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Example 4: html unordered list
<ul>
<li>Item One</li>
<li>Item Two</li>
<li>Item Three</li>
<li>Item Four</li>
<li>Item Five</li>
</ul>
Example 5: how to get number list in html
<ol>
<li>Example</li>
<li>Example2</li>
<li>Example3</li>
</ol>
Example 6: bullet list html
<ul>
<li>Eggs</li>
<li>Pancakes</li>
<li>Jelly</li>
</ul>