JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
  <dd>lorem ipsum</dd><dt></dt>
  <dd>lorem ipsum</dd><dt></dt>
  <dd>lorem ipsum</dd><dt></dt>
  <dd>lorem ipsum</dd><dt></dt>
  <dd>lorem ipsum</dd><dt></dt>
</dl>

SCSS

dl {
	counter-reset: lorem-counter;
}

dt {
  display: inline;
  margin-left: 5px;
    
  &:before {
    content: counter(lorem-counter);
    counter-increment: lorem-counter;
    display: inline;
  }
  &:after {
    content: '';
    display: table;
    clear: both;
  }
}

dd {
  display: inline;
  margin-left: 0;
}