JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="">I would like this text centered vertically</a></li>
</ul>

CSS

li {
    width: 300px;
     background: red;
    text-align:center;
}
li a {
    padding: 4em 0;
    display: block; 
}