JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body {
  border: solid 1px grey;
  width: 150px;
  padding: 5px;
  padding-right: 20px;
  padding-bottom: 20px;
}

span {
  padding: 3px;
}

.red {
  color: red;
  background-color: #F7B4AD;
}

.yellow {
  color: yellow;
  background-color: #FCF38D;
}

.green {
  color: green;
  background-color: #CEFFC1;
}