JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body
{
  font-family: Arial;
}

.block
{
  padding: 1px;
}

.text-red
{
  color: #a61506;
  background-color: #f7b4ad;
}

.text-yellow
{
  color: #7d7305;
  background-color: #fcf38d;
}

.text-green
{
  color: #227f09;
  background-color: #ceffc1;
}