JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<style>
div {
margin: 1rem;
color: white;
}
#caja1 {
background-color: hsl(0, 100%, 50%);
}
#caja2 {
background-color: hsl(120, 100%, 75%);
}
#caja3 {
background-color: hsl(348, 100%, 25%);
}
</style>
</head>
<body>
<div id="caja1">Lorem ipsum dolor sit amet.</div>
<div id="caja2">Lorem ipsum dolor sit.</div>
<div id="caja3">Lorem ipsum dolor sit.</div>
</body>
</html>