JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
        <li id="right">right?</li>
    </ul>
</div>

CSS

.container {
    overflow: auto;
}

ul {
    width: 300px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #ff3;
}

li {
    float: left;
    border: solid 1px blue;
    margin: 0;
    padding: 2px;
}

li#right {
    float: right;
}