JSFiddle - React, Tailwind, and code Playground

by kien16

HTML

<div id="wrap">
      <ul id="navbar">
         <li><a href="#">Exhibits and Events</a>
         </li>
         <li><a href="#">About Us</a></li>
         <li><a href="#">Contact</a></li>
         <li><a href="#">Press</a></li>
      </ul>
   </div>

CSS

* {
    padding:0px;
    margin:0px;
}
#wrap li {
    float:left;
}
#wrap {
    /*border: 1px solid #000;*/
    margin: 50px;
    width:600px;
    height:40px;
}
#wrap li {
    width:150px;
    color:green;
}
#wrap a {
    
    color:green;
    text-decoration:none;
}
#wrap li:hover{
    color: #CCC;
}