JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <div id="logo">
        LOGO
    </div>
    <div id="navigation">
        <ul>
            <li>Menu item</li>
            <li>Menu item</li>
            <li>Menu item</li>
            <li>Menu item</li>
        </ul>
    </div>
    <div id="login">
        FORM LOGIN
    </div>
</div>

CSS

#header {height:230px}

#logo {background-color:red}
#login {background-color:green}
#navigation li {background-color:yellow}

#logo, #navigation {float:left}

#logo, #login {height:50px; width:200px}
#login {float:right; }

#navigation ul {list-style:none}
#navigation li {float:left; margin-right:10px}