JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" align="center">Container
    	
        <div id="wrapper">
        	
            <div id="header">Header </div>
            
            
            <div id="menubar">
            		<ul id="mcolor">
						<li><a href="default.asp"><font color="#000000"> Home</a></li>
						<li><a href="news.asp">News</a></li>
						<li><a href="contact.asp">Contact</a></li>
						<li><a href="about.asp">About</a></li>
					</ul>	
             	</div>
            
        </div>
        
    </div>

CSS

@charset "utf-8";
/* CSS Document */

#container
{
	min-width:1024;
	min-height:768px;
	
}

#wrapper
{
	min-width:1024;
	min-height:768px;	
}

#header
{
	width:900px;
	min-height:120px;
	background-color:#0C0
}

#menubar
{
	width:900px;
	height: 30px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}



ul
{
	list-style-type:none;
	padding:0;
    margin:0;
	display:inline;
}

li
{
	list-style-type:none;
	display:block;
	background-color:#;
	padding-left:20px;
	float: left;
	border-right:1px solid #CCC;
	padding:5px 10px;
}

a
{
    display:block;
    width: 75px;
    padding: 5px;
}

a:link 
{
	text-decoration:none;
}    /* unvisited link */
a:visited {text-decoration:none;
} /* visited link */


a:hover
{
	background-color:#ffd640;	
}

ul#mcolor li:hover > a
{
	 background-color:#ffd640; <!-- sets all link color when hovering to yellow  -->
}

nk */