Code
tailwind
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
Click me
</button>
<div class="flex items-center justify-between p-4 bg-white shadow rounded-lg">
<h2 class="text-xl font-semibold text-gray-800">Title</h2>
<span class="text-sm text-gray-500">Subtitle</span>
</div>
<p class="max-w-prose text-gray-700 leading-relaxed">
Body text constrained to a readable measure.
</p>
<img class="w-24 h-24 object-cover rounded-full" src="avatar.jpg" alt="Avatar">