JSFiddle - React, Tailwind, and code Playground

by kyleshevlin

HTML

<p><a href="#">This</a> is a link. <a href="#">This</a> is a link. <a href="#">This</a> is a link. <a href="#">This</a> is a link.</p>

CSS

p {
    font: 150%/1.5 Helvetica, Arial, sans-serif;
    color: #444;
}

a, a:visited {
    color: hsla(350,99%,50%,1);
    text-decoration: none;
    padding: 3px;
    margin: -6px;
    border-radius: 3px;
    
    transition: .4s ease all;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
}

a:hover {
    background-color: hsla(350,99%,50%,1);
    color: #fff;
}