JSFiddle - React, Tailwind, and code Playground

HTML

<p>Текст, в котором некоторые слова выделены <span class="red">красным</span>, <span class="yellow">желтым</span> и <span class="green">зеленым</span> цветом.</p>

CSS

p {
  font-size: 30px;
  font-weight: bold;
}
.red, .yellow, .green {
  padding: 2px;
}
.red {
  background-color: #F7B4AD;
  color: #A61506;
}
.yellow {
  background-color: #FCF38D;
  color: #857C0E;
}
.green {
  background-color: #CEFFC1;
  color: #2D8815;
}