JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
<h1>LOGO</h1>
<ul>
<li><a href= "">Home</a></li>
<li><a href= "">Logout</a></li>
</ul>
</div>

<div id="navigation">
<ul>
    <li><a href="">Home</a></li> 
    <li><a href="">Help</a>
    <li><a href="">Contact Us</a>
    <li><a href="">Customers</a> 

</div>

CSS

#header {
    border: 1px solid #ccc;
    overflow: hidden;
}
#header h1 {
    float: left;
}
#header ul {
    float: right;
}
#header li {
    display: inline;
}