Create different HTML ordered list

Issue

I am trying to get type of ordered list which is shown below any one please help to solve this.

How to get (a) (b) (c) This types of ol (with the brackets) in html?

Solution

You can customize the list marker and using list-item counter

You can customize the list-style-type by changing the lower-alpha to list style type

ol li::marker {
  content: "(" counter(list-item, lower-alpha) ") ";
}

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Answered By - kennarddh