JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span><em>HELLLL</em><strong>L</strong><em>O</em></span>
</div>

CSS

strong {
  color: red;
  font-weight: normal;
}

div {
  text-align: center;
  font-size: 60px;
}

em {
  font-style: normal;
}

span {
  position: relative;
}

em:nth-of-type(1) {
  position: absolute;
  right: 100%;
}

em:nth-of-type(2) {
  position: absolute;
  left: 100%;
}