JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<body>
    <div class="tablewrapper">
        <div class="cellwrapper">
          <div>
            <ul>
                <li id="cards">
                    <span>CARDS</span>
                </li>
                <li id="filters">
                    <span>FILTERS</span>
                </li>
                <li id="stats">
                    <span>STATS</span>
                </li>
                <li id="help">
                    <span>HELP</span>
                </li>
            </ul>
        </div>
      </div>
    </div>
</body>

CSS

<style type="text/css">
        .tablewrapper {display: table; border-style: solid;}
        .cellwrapper {display: table-cell; vertical-align: middle}
</style>