JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">Hello1</a></li>
    <li><a href="#">Hello2</a></li>
    <li><a href="#">Hello3</a></li>
    <li><a href="#"></a></li>
    <li><a href="#">Hello4</a></li>
    <li><a href="#"></a></li>
</ul>

CSS

ul{
    display:block;
    width:100%;
    text-align:center;
    list-style: none;
    margin:0;
    padding:0;
}
ul li{
    display:inline-block;
    padding: 10px;
}
ul li:nth-child(4), ul li:last-child{
    background:red;
    width:50px;
}