JSFiddle - React, Tailwind, and code Playground

HTML

<ul>

    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li style="clear:left;">4</li>
    <li>5</li>
    <li>6</li>
    <li style="clear:left;">7</li>
    <li>8</li>
    <li style="clear:right;">9</li>
    <li class="last">10</li>
</ul>

CSS

ul {
width:75px;
    overflow:hidden;
    height:100px;
position:relative;
}

ul li{
float:left;
width:20px;
list-style:none;

}

.last
{
    float:right;
    position:absolute;
    top:0;
    right:0;
}