JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
    <div class="basic">
        <span>Logo</span>
        <span>Home</span>
        <span>Login</span>
        
    </div><!--
  --><div class="nav">
        <span>First</span>
        <span>Second</span>
        <span>Third</span>
    </div>
</div>

CSS

.header {
	width: 100%;
	height: 5%;
	background-color: Aqua;
}
	.basic, .nav {
		height: 100%;
	}
	.basic {
		width: 15%;
		background-color: red;
        float:left;
	}
	.nav {
		/*width: 85%;*/
		background-color: green;
        margin-left:15%;
	}	
		.basic span, .nav span {
			display: inline-block;
			margin: 0;
			padding: 0;
		}