Tailwind - utility classes

<div class="mx-auto flex max-w-sm items-center gap-x-4 rounded-xl bg-white p-6 shadow-lg outline">
    <div class="text-gray-500 bg-blue-50 font-bold">Item 1</div>
    <div class="text-gray-500 bg-red-50 underline">Item 2</div>
</div>