JSFiddle - React, Tailwind, and code Playground

by oraclepadawan

HTML

<html>

<head>
   <style>
    
      div {
         margin: 1rem;
         color: white;
      }

      #caja1 {
         background-color: hsla(41, 100%, 50%, 0.3);
      }

      #caja2 {
         background-color: hsla(120, 100%, 75%, 0.3);
      }

      #caja3 {
         background-color: hsla(230, 100%, 25%, 0.3);
      }
   </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>