JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menubar">
    <ul id="mcolor">
        <li><a href="default.asp">Home</a></li>
        <li><a href="news.asp">News</a></li>
        <li><a href="contact.asp">Contact</a></li>
        <li><a href="about.asp" class="last">About</a></li>
    </ul>	
    <div style="clear:left;"></div>
</div>
<div>hello</div>

CSS

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

#menubar
{
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
    background-color:#f00;
}



ul, li
{
	list-style-type:none;
	padding:0;
    margin:0;
}

li
{
    float:left;
}