JSFiddle - React, Tailwind, and code Playground

by rohitazad

HTML

<a href="#">
    <span>Click for fried kittens!</span>
</a>

CSS

body { width:100%; padding:20px; }

a, span {
    height:40px;
    line-height:40px;
    display:block;
    float:left;
 }

a {
    padding:0 0 0 10px;
    background:red;
 }
span {
    padding:0 20px 0 10px;
    background:yellow;
    
 }

a:hover { background:blue; }
a:hover span { background:skyblue; }

a:active { background:green; }
a:active span { background:lime; }