JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="#">Компонент меню, например</a>
    </li>
</ul>

CSS

html, body { height: 100%; }
    
ul {
    display: table;
    width: 100px;
    height: 50%;
    background: #ddd;
}
    li {
        display: table-cell;
        vertical-align: middle;        
    }