JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#main{
	font-family: Arial;
	padding: 10px;
	text-align: left;
}
#yellow{
	background-color: #fcf38d;
	padding: 1px;
	color:#8e8417;
}
#red{
	background-color: #f7b4ad;
	padding: 1px;
	color:#b12a1c;
}
#green{
	background-color: #ceffc1;
	padding: 1px;
	color:#227f09;
}