JSFiddle - React, Tailwind, and code Playground

HTML

<p>
<a class="test" href="https://www.userchrome.org/" target="_blank">CSS:</a> <a class="test" href="https://www.userchrome.org/" target="_blank">CSS:</a> <a class="test" href="https://www.userchrome.org/" target="_blank">CSS:</a>
</p>

CSS

.test {
  position: relative;
  display: block;
  background: transparent url(https://www.userchrome.org/img/Fxcss_256.png) no-repeat 0 0;
  border-style: dotted;
  width: 256px;
  margin-left: 20px;
  z-index: 20;
  height: 256px;
  float: left;
}