JSFiddle - React, Tailwind, and code Playground

HTML

<div id="pageMenu">

    <div id="pageMenuWrapper">
        <a href="index.html" class="pageMenuLink pageMenuLinkSelected">Menu1</a>
        <a href="index.html" class="pageMenuLink">Menu2</a>
        <a href="index.html" class="pageMenuLink">Menu3</a>
    </div>
    
</div>

CSS

#pageMenu{
	position:relative;
	width:960px;
	height:100px;
	margin:auto;
	}
#pageMenuWrapper{
	position:absolute;
	top:0px;
	left:0px;
	height:88px;
	}
.pageMenuLink{
	float:left;
	font-family: 'ProximaNova';
	font-size:16px;
	display:block;
	padding:2px 6px;
	color:#000;
	text-decoration:none;
	line-height:30px;
	text-align:center;
	}
.pageMenuLink:hover{
	background-color:#D8DBE1;
	}
.pageMenuLinkSelected{
	background-color:#d8dbe1;
	}