JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.body {
	margin: 0px;
	padding: 10px;
}
p {
	line-height: inherit;
}
span {
	padding: 2px;
	display: inline;
}
.red {
	background-color: #f7b4ad;
	color: #a61506;
}
.yellow {
	background-color: #fefa8f;
	color: #7d7305;
}
.green {
	background-color: #ceffc1;
	color: #227f09;
}