JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>A
    <li>B
    <li>C
    <li>D
</ul>

CSS

ul {width:100%;margin-left:-5%;height: 200px; background-color:grey;}
li {width:20%;margin-left:5%;float:left;background-color:red;}