JSFiddle - React, Tailwind, and code Playground

HTML

<div><ul class="menusubnav">
<li class="active"><a href="Managerhomepage.php">Manager</a></li>
<li><a href="addcustomerpage.php">New Customer</a></li>
<li><a href="EditCustomer.php">Edit Customer</a></li>
<li><a href="DeleteCustomerInput.php">Delete Customer</a></li>
<li><a href="addAccount.php">New Account</a></li>
<li><a href="editAccount.php">Edit Account</a></li>
<li><a href="deleteAccountInput.php">Delete Account</a></li>
<li><a href="MiniStatementInput.php">Mini Statement</a></li>
<li><a href="CustomisedStatementInput.php">Customised Statement</a></li>
<li><a href="Logout.php">Log out</a></li>
</ul></div>

CSS

.menusubnav{
	margin-top:5px;
	background:#ffffff;
	margin-left:20px; padding:0;
	margin-right:20px; 
	width:200px; z-index:10;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	color:#D3D9DD;
}
.menusubnav li{
	margin-top:0px; padding:0;
	list-style:none;
}
.menusubnav a{
	margin-left:0px;
	margin:0px; padding:10px; display:block;
	border-bottom: 1px solid #e0e0e0;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	text-decoration:none; color: #333;
}
.menusubnav a:hover{
	background-color:#FEF5EE;
}
.menusubnav a:active{
    outline:none;
    border-color:#ffa853;
	background-color:#FF6600;
    box-shadow:0 0 10px #ffa853;
}

.active {
    outline:none;
    border-color:#ffa853;
    background-color:#FF6600;
    box-shadow:0 0 10px #ffa853;
}