JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
  <li id="one">List item one.</li>
  <li id="two">List item two.</li>
  <li id="three">List item three.</li>
</ol>

CSS

ol { list-style: none; }
li {
    display: inline-block;
    width: 176px;
    padding-left: 20px;
    margin-right: 20px
    background-image: url(path/to/sprite);
    background-repeat: no-repeat;
}
#one { background-position: x y; }
#two { background-position: x y; }
#three { background-position: x y; }