JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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