JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

p, .raw {
            display: inline;
        }
        .raw {
            padding: 2px;
        }
        #red {
            color: red;
            background-color: #ff9e70;
        }
        #yellow {
            color: #ffd900;
            background-color: #ffff99;
        }
        #green {
            color: green;
            background-color: greenyellow;
        }