JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a><div class="conteneur"><div class="bloc"><p>Texte 1</p></div></div></a></li>
    <li><a><div class="conteneur"><div class="bloc"><p>Texte 2 Long Sur 2 Lignes</p></div></div></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;
}

div.conteneur {
    height: 200px;
    line-height: 200px;
}

div.bloc {
    vertical-align: middle;
    display: inline-block;
    line-height: 1em;
}