JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div {
    text-align: center;
}

ul {
   display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    float: left;
    padding: 10px 20px;
    border: 1px solid silver;
    background: orange;
    margin: 0;
}