JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
 <p class="nice">
 Takie dela
 </p>
 <p class="nice">
 Stavropolskogo
 </p>
 <p class="nice">
 ПЁС
 </p>
</div>

CSS

.main {
  position:relative;
  top:0;
  left:0;
  width:30%;
}
.nice {
  color:black;
}
.nice:hover {
    background-color:green;
}