JSFiddle - React, Tailwind, and code Playground

by im_benton

HTML

<ol>
  <li>Aloe</li>
  <li>Bergamot</li>
  <li>Calendula</li>
  <li>Damiana</li>
  <li>Elderflower</li>
  <li>Feverfew</li>
  <li>Ginger</li>
  <li>Hops</li>
  <li>Iris</li>
  <li>Juniper</li>
</ol>

CSS

ol li:nth-child(6) {
  margin-top: -5.5em;
}

ol li:nth-child(-n+5){
  margin-left: 0em;
}

ol li:nth-child(n+6){
  margin-left: 10em;
}