<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<p class="first-line:uppercase first-line:tracking-widest
first-letter:text-7xl first-letter:font-bold first-letter:text-red-500
first-letter:mr-3 first-letter:float-left">
Listen closely, my dear friend, for I have a tale to share about a faded postcard from a distant land. To you, it may seem insignificant, but to me, it holds cherished memories and dreams brought to life.
</p>
</body>
</html>
/* Tailwind */
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.