JSFiddle - React, Tailwind, and code Playground

HTML

<div id="lapagina">
<!-- qui immagino avrai tutta la tua pagina -->
    <ul id="tabs12">
        <li><a href="#" title="Vai alla pagina 1"><span>1</span></a></li>
        <li><a href="#" title="Vai alla pagina 2"><span>2</span></a></li>
        <li><a href="#" title="Vai alla pagina 2"><span>3</span></a></li>
        <li><a href="#" title="Vai alla pagina 2"><span>3</span></a></li>
        <li><a heref="#"><span>4</span></a></li>
     </ul>

</div>

CSS

#lapagina{width:80%; margin: 0 auto;height:500px; background-color:#000;}

ul#tabs12{
    margin:0;padding:0;
    width:100%;
    border:1px solid yellow;
    list-style:none;
    text-align:center;
}

ul#tabs12 li{
    display:inline;
border: 2px solid red;
}

ul#tabs12 li span {
padding:7px;
   color:white;
}