This should be achievable with the list-style-type CSS property. Try out this code below, and see if this is working how you would like:
.name-list {
list-style-type: upper-alpha;
}
<ol class="name-list">
<li>Bill</li>
<li>Steve</li>
<li>William</li>
</ol>
Answer from Jeith on Stack OverflowHow do I make a lettered ordered list in HTML using CSS Style (not using type) - Stack Overflow
HTML + CSS: Ordered List without the Period? - Stack Overflow
What's the point in coding a list in HTML?
ordered list numbers removed in flex css
Videos
This should be achievable with the list-style-type CSS property. Try out this code below, and see if this is working how you would like:
.name-list {
list-style-type: upper-alpha;
}
<ol class="name-list">
<li>Bill</li>
<li>Steve</li>
<li>William</li>
</ol>
You're looking for list-style-type. Allowed values are listed here: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type
ul {
list-style-type: upper-alpha
}
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
This is perfectly possible to do with just CSS (2.1):
ol.custom {
list-style-type: none;
margin-left: 0;
}
ol.custom > li {
counter-increment: customlistcounter;
}
ol.custom > li:before {
content: counter(customlistcounter) " ";
font-weight: bold;
float: left;
width: 3em;
}
ol.custom:first-child {
counter-reset: customlistcounter;
}
Keep in mind that this solution relies on the :before pseudo-selector, so some older browsers -- IE6 and IE7 in particular -- won't render the generated numbers. For those browsers, you'll want to add an extra CSS rule that targets just them to use the normal list-style:
ol.custom {
*list-style-type: decimal; /* targets IE6 and IE7 only */
}
Here is the solution
Number nested ordered lists in HTML
All you have to to is change a little bit here
ol li:before {
content: counter(level1) " "; /*Instead of ". " */
counter-increment: level1;
}
^^
There's the ordered <ol> and unordered list <ul>.
The ordered list adds a number before the text, such as:
Germany
France
Romania
The unordered list just adds bullet points, such as:
โข Germany
โข France
โข Romania
My question is: What's the point of them? Can't you just use a paragraph <p> and line breaks <br> to create your list? Without all the unnecessary <ol> <li> </li> </ol>?
I mean It's not that hard to just type in the "1. ; 2. ; 3." or copy paste a bullet point off the internet.
and
when you can achieve the same with just