JSFiddle - React, Tailwind, and code Playground

by srhcan

HTML

<body>
<div id="div_left">
This is company's heading
</div>

<div id="div_right">
<ul id="ul_right">
<li><a href="login.jsp">Login</a></li>
<li><a href="signup.jsp">Signup</a></li>
</ul>
</div>
</body>

CSS

#div_left {
	display: inline-block;
	border: 1px solid red;
}

#div_right {
	display: inline-block;
	border: 1px solid blue;
}

#ul_right li {
	display: inline;
}

#ul_right li a {
  text-decoration: none;
}

#ul_right li a:hover {
	background-color: orange;
	text-decoration: underline;
}