Ponle estilo a tus listas ordenadas con CSS

Por defecto las listas ordenas muestran el número listado con el mismo estilo de fuente usado para el cuerpo del texto. Para diferenciarlo vamos a darle estilo mediante CSS y para eso haremos uso de otro elemento, como puede ser span o p en este caso p. Prácticamente lo que hacemos es aplicar un estilo a ol y resetear p (anidado en ol).

Primero creamos la lista

Aplicamos el estilo que llevarán los números a ol

Y por último reseteamos p

Espero que os haya gustado mucho!