<!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 */

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.