JSFiddle - React, Tailwind, and code Playground

by George Chung

HTML

<link rel="stylesheet" href="//cdnjscn.b0.upaiyun.com/libs/meyer-reset/2.0/reset.min.css">
<ul>
    <li>foo</li>
    <li>bar</li>
    <li>baz</li>
    <li>qux</li>
    <li>quxx</li>
</ul>

CSS

ul {
    width: 130px;
    margin: 10px;
    padding: 5px;
    background-color: #CCC;
    font-size: 0;
    text-align: justify;
}

ul::after {
    content: '';
    display: inline-block;
    width: 100%;
}

li {
    display: inline-block;
    padding: 5px;
    background-color: black;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
}