<div class='container mx-auto flex h-screen justify-center items-center'>
<div class='group text-xl'>
<strong class='group-hover:text-red-500'>Hover on me </strong>
<strong class='group-hover:text-green-500'>the texts will be </strong>
<strong class='group-hover:text-blue-500'>of different colors</strong>
</div>
</div>
<script src="https://cdn.tailwindcss.com"></script>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.