JSFiddle - React, Tailwind, and code Playground

HTML

<header>
<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;
	text-align:left;
	color:#FFF;
	padding:10px;	
}


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

header > nav {
text-align:center;
width:300px;
height:auto;
border:medium #999;
position:absoulte;
top:0;
margin: -50px 0px 0px 60px;
}