JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<p>This is an <a href="#!">inline link</a> Click it to see how it behaves</p>

CSS

p {
  margin: 100px;
  font-size: 20px;
  z-index: 1;
  position: relative;
}



a {
  color: #1E65FF;
  display: inline;
  padding: 3px;
  transition: all 0.3s ease-in;
  text-decoration: none;
  box-sizing: content-box;
  margin-left: -3px;
  margin-right: -3px;
  z-index: -1;
}

a:hover {
  background: #9CF6FF;
}