JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Hello <span>my</span> friend</h1>

CSS

h1 {
  font: 15px/50px "Times New Roman";
  color: black;
  text-align: center;
  text-transform: uppercase;
}

h1 span {
  font: 40px/50px "Times New Roman";
  color: red;
  position: relative;
}

h1 span:before {
  content: 'think';
  display: block;
  position: absolute;
  top: 5px;
  left: -50px;
  color: black;
  font: 15px/20px "arial";
  font-style: italic;
}