JSFiddle - React, Tailwind, and code Playground

by Don Johnson

HTML

<header>
    <a href="#" title="" class="column">A Text Link</a>
    <a href="#" title="" class="column logo">LOGO</a>
    <menu class="column">
        <li><a href="#" title="">Shopping Cart</a></li>
        <li><a href="#" title="">checkout</a></li>
        <li><a href="#" title="">order status</a></li>
    </menu>
</header>

CSS

* {
    padding:0;
    margin:0;
}
header {
    width:100%;
    overflow:hidden;
}
.column {
    width:33.3333333%;
    display:inline-block;
    float:left;
}
.logo {
    background:#d0d0d0;
    text-align:center;
}
menu {
    list-style:none;
    text-align:right;
}
menu li {
    padding-right:5px;
}