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>