JSFiddle - React, Tailwind, and code Playground

by gracedescending

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{
  /* position:absolute */
	font-size:16px;
	}

a:link {
	color:#000000; 
  	text-decoration: none; 
  	}/*normal links in the text*/

a:visited {
	color:#0099FF; 
  	text-decoration: none; 
  	}

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

a:active { 
  color: #9999CC; 
  text-decoration: underline; 
  background: #FFFFFF;
  }

#menu_list{
	width:859px;
	margin-top:140px;
	margin-left:198px;
	cursor:pointer;
	}

#menu_list li{
	width:130px;
	height:21px;
	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; 
	}