JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">Type 1</a></li>
    <li><a href="#">Type 2</a></li>
    <li><a href="#">Type 3</a></li>
    <li><a href="#">Type 4</a></li>
</ul>

CSS

li{
    display:inline;
    float:left;
}

li a {
    display:block;
    width:155px;
    text-align:center;
}    

ul {
    background-color:#999999;
    border:1px solid #006666;
    height:25px;
    list-style-type:none;
    margin:0;
    padding:0;
}