JSFiddle - React, Tailwind, and code Playground

HTML

<p>Just playing with some <a href="http://imgur.com">css</a> effects</p>

CSS

p {
  font-size: 24px;
}

a {
  background: #ff0;
  color: #f00;
  position: relative;
  text-decoration: none;
}

a::after {
  border-bottom: 10px dotted #f00;
  bottom: 3px;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
}