JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex">
<li>Cat1</li>
<li>Cat2</li>
<li>Cat3</li>
<li>Cat4</li>
</div>

CSS

.flex li{
 color: #333;
 display: inline-block;
 vertical-align: top;
}