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:inline-block;
        *display:inline; /*IE7*/
        *zoom:1; /*IE7*/
        background:blue;
        color:white;
        margin-right:10px;
}