JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<h1></h1>
<p></p>
</div>

CSS

div{
  width:300px;
  border:1px black solid;
}
h1{  border:1px black solid;
  height:100px;
}
p{  border:1px black solid;
  height:100px;
}
p:hover h1{
  background: black;
}