JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="table">
  <li class="table-cell">a</li>
  <li class="table-cell">b</li>
  <li class="table-cell">c</li>
  <li class="table-cell">d</li>
</ul>

CSS

li {
	display: inline-block;
	width: 40%;
}