JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>banana</li>
<li>orange</li>
<li>apple</li>
<ul>

CSS

li {
    float: left;
    width: 33%;
}
ul {
    text-align: center;
    overflow: auto;
    width: 100%;
}