JSFiddle - React, Tailwind, and code Playground

HTML

<header class="clear">
<h1>iManage</h1>
  <nav>
        <ul class="maina">
        	<li><a href="Home">Home</a></li>
            <li><a href="Projects">Projects</a></li>
            <li><a href="Settings">Settings</a></li>
        </ul>
	</nav>
</header>

CSS

header {
width:auto;
height:50px;
background-color:#374348;
}

header > h1 {
	font-size:16px;
	font-weight:bold;
	float: left;
	color:#FFF;
	padding:10px;	
}


.maina > li  {
	display:inline;	
	list-style:none;
	
}

header > nav {
width:300px;
height:auto;
border:medium #999;
float: left;
    margin: 10px;
}

.clear:after {
    content: "";
    display: table;
    clear: both;
}