JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span>Foo</span>
  <span>Bar</span>
  <span>Baz</span>
  <span>Ber</span>
</div>

CSS

div { counter-reset: num }
div, div * { white-space: pre-wrap; }
div span:before{ counter-increment: num; content: counter(num) ": " }