JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>

CSS

ul{
margin:0;
padding:0;
list-style:none;
font-size:0;
width:160px;
}

li{
display:inline-block;
font-size:14px;
width:20px;
background:red;
}

li:nth-child(1){
width:80px;
text-align:left;
}

li:nth-child(2){
text-align:right;
width:67px;
padding-right:13px;
}