JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a>Texte 1</a></li>
    <li><a>Texte 2 Long Sur 2 Lignes</a></li>
    <li><a>Texte 3</a></li>
    <li><a>Texte 4</a></li>
</ul>

CSS

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul li {
    display: inline;
    position: relative;
    float: left;
}
ul li a {
    background-color: #0099cc;
    color: #fff;
    display: block;
    padding: 5px 7px;
    margin-right: 2px;
    text-decoration: none;
    width: 95px;
}