JSFiddle - React, Tailwind, and code Playground

by kpowz

HTML

<ol class="list-inline">
  <li>Apple</li>
  <li>Banana</li>
  <li>Carrot</li>
  <li>Orange</li>
</ol>

CSS

.list-inline {
  list-style: none;
}

.list-inline li::after {
  content: ",";
}

.list-inline li:last-child::after {
  content: none;
}

.list-inline li {
  display: inline;
}