JSFiddle - React, Tailwind, and code Playground

HTML

<p class="parent">
<span class="left">Hi</span>
<span class="right">Ho</span>
</p>

CSS

.parent:hover {
  background-color: red;
}

.right {
  float:right;
}

.left,
.right {
  display: block;
}