JSFiddle - React, Tailwind, and code Playground

by Nick Karnik

HTML

<header>
    <ul>
        <li>test 1</li>
        <li>test 2</li>
    </ul>
</header>

CSS

header ul {
    padding: 5px;
}

header ul li {
    list-style-type: none;
    display: inline;
    padding: 15px;
    background-color: lightblue;
    margin: 2px;
    border: 1px solid;
}

header ul li:hover {
    background: lightgreen;
    cursor: pointer;
}