JSFiddle - React, Tailwind, and code Playground

by flamant

HTML

<div class="header" >
	<span  style="left:2.34%;z-index: 1;">MALISIMMO</span>
	<div  style="position: absolute; width: 294px; right: 1%;">
		<button   style="height: 36px;z-index: 1;">Buy</button>
		<button   style="height: 36px;z-index: 1;">About Us</button>
		<button class="position1" style="z-index: 1;">SIGN IN</button>
	</div>
</div>

CSS

.header {
  position: absolute;
  top: 0px;
  height: 65px;
  display: flex;
  align-items: center;
}



.position1 {
  position: absolute;
  width: 84px;
  height: 36px;
  cursor: pointer;
  background: #ECB605 0% 0% no-repeat padding-box;
  border-radius: 2px;
  opacity: 1;
}