JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <ul>
        <li><a href="#">Link One</a></li>
        
        <li><a href="#">Link Two</a></li>
        
    </ul>
</div>

CSS

*{
    margin: 0;
    padding: 0;
}

.block{
    background: gray; 
    padding: 10px ;
}

ul{
    text-align: center;
    list-style: none;
}

li{
    display: inline-block;
}

a{
    background: white;
    padding: 5px;
}