JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
  <div class="header-tab">
    <div class="center-vertical">
      Main
    </div>
  </div>
</div>

CSS

.header-tab{
  height:100%;
	display:inline-block;
  padding:0 1vw 0 1vw;
  text-transform:uppercase;
  font-weight:450;
  color:white;
}

.header-tab:hover{
  color:#ff704d;
  background:gray;
  box-sizing: border-box;
  border-bottom:3px solid #ff704d;
}

.center-vertical{
  position: relative;
  top: 50%; 
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.header{
  height:5vw;
  background:black;
}

body{
  margin:0;
}