JSFiddle - React, Tailwind, and code Playground

HTML

<div>Cursor</div>

CSS

div {
  display: inline-block;
  background: red;
  padding: 6px;
  cursor: pointer;
  margin: 20px;
  position: relative;
}
div:before {
  width: 100%;
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 0px;
  content: '';
  color: transparent;
  border-top: 8px solid black;
  cursor: move;
}