JSFiddle - React, Tailwind, and code Playground
by jitendravyas
HTML
<ul>
<li><a href="/home">Home</a></li>
<li class="selected"><a href="/about/">About</a></li>
<li><a href="/contact-us/">Contact Us</a></li>
<li><a href="/portfolio/">Portfolio</a></li>
<li><a href="/gallery/">Gallery</a></li>
<ul>CSS
body {
font: 14px/22px Georgia, "Times New Roman", Times, Serif;
}
a {
color: #DA4B4B;
text-decoration: none;
}
a:hover {
color: #000;
}
ul {
list-style-type: none;
line-height: 50px;
}
li {
display: inline;
float: left;
}
li a {
display: block;
background: #ececec;
padding: 0 20px;
font-size: 18px;
border: 1px solid red;
}
li a:hover {
background: #f2f2f2;
font-size: 20px;
}
.selected a{background:white}