JSFiddle - React, Tailwind, and code Playground

HTML

Text Before

<ul class="wrapper">
    <li>test1</li>
    <li>test2</li>       
    <li>test3</li>
    <li style="background:#555">test4</li>
</ul>

Text After

CSS

.wrapper {
    list-style-type: none;
    display: table-cell;
    background: #888;
    font-size: 0;
}

.wrapper li {
    display: inline-block;
    padding: 10px;
    font-size: 16px;
}