JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav">
		<div class="nav-part">
			<a href="/" class="brand-logo">LOGO</a>
			<a href="/about" class="nav-link">About</a>
			<a href="/faq" class="nav-link">FAQ</a>
		</div>
		<div class="apply nav-part">
			<button>
				Apply
			</button>
			
		</div>
	</div>

CSS

body, html {
  background-color: #EDEDED;
}

.nav {
  position: absolute;
  width: 80%;
  margin: 5%;
}

.nav-link {
  margin-left: 2%;
}

.nav-part {
  display: inline-block;
  width: 30%;
}

.apply {
  float: right;
  position: relative;
  right: 0;
  top: 0;
}