JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "header">
<div class = "logo"><img src = "http://lorempixel.com/100/100" alt = "" /> </div>
<nav class = "navigation">
<ul>
<li><a href = "#">HOME</a></li>
<li><a href = "#">ABOUT</a> </li>
<li><a href = "#">HAIRSTYLES</a> </li>
<li><a href = "#">NEWS</a> </li>
<li><a href = "#">CONTACT</a> </li>
</ul>
</nav>
</div>

CSS

#header {
        float:left;
        min-width:100%;
    }
    #header .logo,
    #header nav 
    {
        display: inline-block;
        vertical-align:middle;
    }
nav ul li
{
    display:inline-block;
    padding-right:10px;
    list-style:none;
}
nav ul li a
{
    text-decoration:none;
}