JSFiddle - React, Tailwind, and code Playground

by w3cplus

HTML

<ul>
            <li>item1</li>
            <li>item2</li>
            <li>item3</li>
            <li>item4</li>
            <li>item5</li>
        </ul>

CSS

*{
        margin: 0;
        padding: 0;
    }
    ul {
        list-style: none outside none;
        padding: 10px;
        background: green;
        text-align: center;
    }
    ul li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        background: orange;
        padding: 5px;
    }