JSFiddle - React, Tailwind, and code Playground

by Alireza Safian

HTML

<div id="menu-buttons">
    <div class="link"><a href="https://www....">btn 1</a></div>
    <div class="link"><a href="https://www....">btn 2</a></div>
    <div class="link"><a href="https://www....">btn 3</a></div>
    <div class="link"><a href="https://www....">btn 4</a></div>
    <div class="link"><a href="https://www....">btn 5</a></div>
</div>

CSS

#menu-buttons {display:inline-block; float:right; padding-top:30px; text-align:center;}
#menu-buttons .link  a{
    display:inline-block;
    width:auto; 
    margin-right:20px; 
    color:#73bf00;
    background:transparent; 
    vertical-align:bottom;
    font-size:small;
    text-transform:uppercase;
    text-decoration:none;
}


#menu-buttons .link a:link {text-decoration:none; color:#73bf00;}
#menu-buttons .link a:hover {text-decoration:none; color:red;}
#menu-buttons .link a:active {text-decoration:none; color:red;}