JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu_list">
    	<li><a>look</a></li>
    	<li><a>look</a></li>
    	<li><a>look</a></li>
      <li><a>look</a></li>
    	<li><a>look</a></li>
</ul>

CSS

a{
	font-size:16px;
  vertical-align: middle;
}

a:hover {
	color:#0033CC;
	font-size:22px;
}

#menu_list li{
	width:130px;
	height:22px;
  line-height: 22px;
	display:inline-block;
	margin: 0px 0px 0px 0px;
	border:1px solid #616261; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family:sans-serif, arial, helvetica; 
	padding: 10px 10px 10px 10px; 
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold; 
	text-align: center; 
	}