JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <a href="#" class="link">
  </a>
  <p>some text</p>
</div>

CSS

.parent{
  position: relative;
  padding: 5px;
  width: 100px;
  height: 100px;
  background-color: #666;
}
.link{
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  border: 1px solid #fff;
}