JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu_btm" class="hidden-xs">
        <a href="#" class="px12">ITEM1</a>
        <a href="#" class="px12">ITEM1</a>
        <a href="#" class="px12">ITEM1</a>
        <a href="#" class="px12">ITEM1</a>
        <a href="#" class="px12">ITEM1</a>
        <a href="#" class="px12">ITEM1</a>
        <a href="#" class="px12">ITEM1</a>
        <a href="#" class="px12">ITEM1</a>
</div>

CSS

#menu_btm { width: 100%; height: auto; text-align: justify; float: left; }
    #menu_btm:after { content: ''; width: 100%; display: inline-block; }
    #menu_btm a { color: #d7c06e;  display: inline-block; }
    #menu_btm a:hover { color: #b6a464; }