JSFiddle - React, Tailwind, and code Playground

by Aboubacar Bah

HTML

<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus cursus neque malesuada quam commodo, a mollis velit suscipit. Donec ornare quam sapien, sed vulputate mauris feugiat eu. <a href="#">In hac habitasse platea dictumst</a>. Sed vel dolor
  pellentesque lectus tempor rutrum in in ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</p>
<ul>
  <li><a href="#">Lorem ipsum dolor sit amet</a></li>
  <li><a href="#">Curabitur interdum neque</a></li>
  <li><a href="#">Aenean pellentesque </a></li>
  <li><a href="#">Nam condimentum purus</a></li>

</ul>
<p>
  Ut id nulla velit.Nam suscipit, neque id volutpat hendrerit, magna leo blandit velit, eget blandit lectus nulla sit amet nisi. <a href="#">Maecenas mattis accumsan erat</a> et volutpat. Proin ullamcorper, nulla a maximus mattis, velit dolor faucibus
  risus, a elementum ante dolor in felis.
</p>

CSS

body {
  font-family: helvetica, sans-serif;
}

a:link{
   background-color: green;
   color: purple;
   text-decoration: none;
}

a:visited{
   background-color: blue;
   color: brown;
   text-decoration: underline;
}

a:hover{
   background-color: yellow;
   color: grey;
   text-decoration: overline;
}

a:active{
   background-color: pink;
   color: blue;
   text-decoration: underline overline;
}