JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list-horizontal">
  <li>Inline list item #1</li>
  <li>Inline list item #2</li>
  <li>Inline list item #3</li>
  <li>Inline list item #4</li>
  <li>Inline list item #5</li>
  <li>Inline list item #6</li>
  <li>Inline list item #7</li>
</ul>

CSS

.list-horizontal {
  text-align: center;
  font-size: 18px;
  padding: 0;
}

.list-horizontal li {
  display: inline-block;
}

.list-horizontal li:before {
  content: '\00a0\2022\00a0\00a0';
  color: #000;
}

.list-horizontal li:first-child:before {
  content: '';
}