JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header" style="width:30%; background-color:#297ACC"></div>
<div class="header"><a href="http://scratch.mit.edu"><p>Home</p></a></div>

CSS

.header {
	border: 1px solid #0099FF;
	background-color:#19A3FF;
	height:22px;
	width:55px;
	display:inline-block;
	text-align:center;
	font-family:Verdana;
	padding: 3px 2px 3px 2px;
	margin:0px 0px 0px 0px;
}
.header:hover {
	background-color:#246BB2;
}
div p {
	position:relative;
	margin-top:0px;
	color:white;
}
a {
	text-decoration:none;
}