JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Foo</li>
    <li>Bar</li>
    <li>Foobar</li>
</ul>

CSS

li { 
    float: left;
    width:50px;
    outline: red solid 1px;
    margin: 0 2px;
}

ul {
    overflow: auto;
    background-color: green;
    padding: 2px;
    margin: 0 auto;
    width: 162px;
}