JSFiddle - React, Tailwind, and code Playground

HTML

<div class="navigation-left" style="float:left">
<ul>
<li><a href="<?php echo $website_url; ?>">Home</a></li>
<li><a href="<?php echo $website_url; ?>">SAF</a></li>
</ul>
</div><!-- navigation-left -->
<div class="navigation-left">
<ul style="float:right; ">
<li><a href="<?php echo $website_url; ?>">Acudetox</a></li>
</ul>
</div><!-- navigation-left -->

CSS

.navigation-left {
    height:auto;
    list-style:none;
    margin-right:40px;
    display:inline;
}
.navigation-left li{
    width:200px;
    height:25px;
    margin:5px;
    padding:5px;
    background-color:#666666;
    border:none;
    text-align:center;
    display:inline-block;
}
.navigation-left li:hover{
    background-color:#f36f25;
    color:#FFFFFF;
}
.navigation-left li a{
    font-family:Calibri, Arial;
    font-size:18px;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
}
.navigation-left li.current {
    background-color:#F36F25;
}
.navigation-left li.current a {
    color:#FFFFFF;
}