I have set the list-style-type
in CSS, but for some reason it's not showing it.
body { margin: 0; } ol { list-style-type: decimal; padding-left: 0; }
<ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol>
The VoiceOver screen reader has an issue where unordered lists with a list-style-type value of none applied to them will not be announced as a list. To address this, add a zero-width space as pseudo content before each list item to ensure the list is announced properly.
List-style is simply the shorthand version for styling your list. List style type specifically refers to the indicator to the left such as the ever popular none, or disc, decimal, etc.
Because of your padding reset, the numbers are actually off to the left of the page. Try adding:
list-style-position: inside;
display:list-item; list-style-position:outside;
It may give problem if list display:
attribute is set to some thing else than display:list-item;
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With