JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<ul style="float:left;list-style-type:none;">
  <li><a class="active" href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <ul style="float:right;list-style-type:none;">
    <li><a href="#about">About</a></li>
    <li><a href="#login">Login</a></li>
  </ul>
</ul>

CSS

ul li
{
  float:left;
  padding:5px;
}
ul li a
{
  padding:5px 10px;
	color:#666666;
	text-decoration:none;
	font-size:18px;
  background:#FFFFFF;
}
ul li a:hover
{
   background:black;
   color:white;
}