JSFiddle - React, Tailwind, and code Playground

HTML

<head lang="en">
    <title>Test5</title>
</head>
<body>
Текст, в котором некоторые слова выделены <span id="red">красным</span>, <span id="yellow">желтым</span> и <span id="green">
    зеленым</span> цветом.
</body>

CSS

@charset "UTF-8";
#red{
    background-color: #f7b4ad;
    padding: 2px;
    color: #a71709;
    }
#green{
    background-color: #ceffc1;
    padding: 2px;
    color: #1d7b03;
}
#yellow{
    background-color: #fcf38d;
    color: #776c00;
    padding: 2px;
}
body{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
}