JSFiddle - React, Tailwind, and code Playground

by Dinesh Patra

HTML

<ul>
    <li>
        <a href="javascript:void(0)">
            Home
        </a>
    </li>
    <li>
        <a href="javascript:void(0)">
            About
        </a>
    </li>
    <li>
        <a href="javascript:void(0)">
            Contact
        </a>
    </li>
</ul>

CSS

ul {
    list-style-type: none;
}

ul li {
    float: left;
}

ul li a {
    padding: 10px;
    font-size:1.2em;
    font-family : sans-serif;
    color: rgb(100, 100, 100);
    text-decoration: none;
}

ul li a:hover {
    color: rgb(10, 10, 10);
}