JSFiddle - React, Tailwind, and code Playground

by Mitch Greer

HTML

<div class="header">
    <a class="logo" href="/index.html"><img class="logo" src="/images/logo.png"></a>

    <a class="menu" href="/whatever.html">Whatever</a>
    <a class="menu" href="/whatever.html">Whatever</a>
    <a class="menu" href="/whatever.html">Whatever</a>
    <a class="menu" href="/whatever.html">Whatever</a>
</div>

CSS

.header {
    display: block;
    width:268px;
    margin: auto ;
}

.logo {
    display: inline-block;
    vertical-align: middle;
}

.menu {
    display: inline-block;
    vertical-align: middle;
}