JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>Foo</li>
  <li>Bar</li>
  <li>Hello</li>
  <li>World</li>
</ul>

CSS

ul { background:blue; list-style:none; text-align:justify; }
ul:after { content:""; display:inline-block; width:100%; } 
ul li { display:inline-block; background:red; padding:0 .5em; }