JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

html {
    font-size: 20px;
    font-family: "Trebuchet MS";
}
.red {
    background-color: #f7b4ad;
    color: #a61506;
    padding: 0 4px;
}
.green {
    background-color: #ceffc1;
    color: #67b253;
    padding: 0 4px;
}
.yellow {
    background-color: #fcf38d;
    color: #7d7305;
    padding: 0 4px;
}