JSFiddle - React, Tailwind, and code Playground

by austinnoronha

HTML

<div class="ap-header">
    <ul class="top-bar">
        <li><a href="javscript:;" class="hamburger">=</a></li>
        <li><a href="javscript:;" class="logo">jqUI</a></li>
        <li><a href="javscript:;" class="more">More</a></li>
    </ul>
</div>

CSS

.ap-header{width:200px;}
.ap-header .top-bar{list-style:none;width:100%;}
.ap-header .top-bar li{float:left; padding:0; margin:0;}
.ap-header .top-bar li a{text-decoration: none;display:block;}
.ap-header .top-bar li .hamburger{width:10%;}
.ap-header .top-bar li .logo{width:80%;}
.ap-header .top-bar li .more{width:10%;}