JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

CSS

* {
    padding: 0;
    margin: 0;
}
body {
    font-family: verdana, arial;
}

ul {
    text-align: center;
    word-spacing: -1em;
}

li {
    display: inline-block;
    background: grey;
    width: 50px;
    height: 25px;
    vertical-align: middle;
    word-spacing: 0;
    opacity: 0.5;
}