JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>...</li>
  </ul>
  <a href="#">more</a>
</div>

CSS

div {
    position: absolute;
    width: 180px;
}

ul li {
    float: left; 
    background-color: rgb(253, 200, 247);
    height: 50px;
    width: 50px;
    border: 1px solid black;
    list-style-type: none;
    text-indent: -9999px; 
    display:inline-block;
}

ul li:last-child {
    background-color: rgb(155, 16, 144);
}

a {
  float: left;
  display: inline-block;
}