JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
      <li>test</li>
      <li>test</li>
      <li>test</li>
      <li>test</li>
      <li>test</li>
    </ul>

CSS

ul {
        width:100%;
        background:red;
        height:20px;
        text-align:center;
}
li {
        display:block;
        float:left;
        background:blue;
        color:white;
        margin-right:10px;
}