JSFiddle - React, Tailwind, and code Playground

by David Storey

HTML

<button>Click me</button>
<a href="http://www.example.com/">Click me too</a>
<div class="avoid-clicks">try selecting text through me</div>

CSS

.avoid-clicks {
  display: block;
  width: 8em;
  height: 8em;
  background: rgba(51,51,51,0.85);
  position: absolute;
  top: 1em;
  left: 4em;
  padding: 0.75em;
  color: whitesmoke;
}
body {
  font: 14px/1.4 "Trebuchet MS", sans-serif;
  padding: 3em;
  max-width: 600px;
  background: whitesmoke;
}
.container {
    position: relative;
}
}