<ol>
  <li>Preheat oven to 425&deg;F</li>
  <li>Mix all the ingredients
    <ol>
      <li>Dump in bowl</li>
      <li>Stir with whisk</li>
    </ol>
  </li>
  <li>Dump it all into a greased pan</li>
  <li>Bake for 40 minutes</li>
  <li>Take out and let cool 30 mintes</li>
  <li>Eat</li>
</ol>
ol {
  list-style: none;
  counter-reset: steps;
}
ol li {
  counter-increment: steps;
}
ol li::before {
  content: counter(steps);
  margin-right: 0.5rem;
  background: #ff6f00;
  color: white;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  line-height: 1.2em;
}
ol ol li::before {
  background: darkorchid;
}

External CSS

  1. https://codepen.io/chriscoyier/pen/GRpqNwX

External JavaScript

This Pen doesn't use any external JavaScript resources.