Cannot style an ordered list

HTML-CSS
#1

Hi, so I have been trying to style the ordered lists (css: line19-21, html:line25-68).

I have tried to set the selector as the class name only, which is “unfeatured” (without using “ol” as in the page you can see), but still didn’t work.

I have tried the other values of list-style-type, none of them were displayed.

I’m not sure if it is the wrong syntax or overridden by other css rules, can someone help me with this?
Thank you !

#2

The problem is display: inline; in your li selector. If you remove that line or set display:list-item will display list markers, and those are by nature block-level boxes so you’ll see the number appear but… they’re ugly. I’d recommend you use this method for this case instead.

1 Like
#3