JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="#"></a>
    </li>
</ul>

CSS

ul { list-style-type: none; }
li { cursor: pointer; }
a {
    background: red;
    float: left;
    width: 100px;
    height: 100px;
    cursor: help;
    display: block; }
li:after {
    content: "";
    background: yellow;
    float: left;
    width: 100px;
    height: 100px;
    display: block; }