::first-letter

The ::first-letter selector is used to add style to the first letter of the specified selector.

EXAMPLE

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .dropcap::first-letter {
            font-size: 60px;
            line-height: 1;
            float: left;
            margin-right: 8px;
            color: #e74c3c;
            font-family: Georgia, serif;
        }

        /* Basic styles */
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
            max-width: 600px;
            margin: 0 auto;
        }

        .dropcap {
            margin: 20px 0;
            line-height: 1.6;
        }
    </style>
</head>
<body>
    <p class="dropcap">Once upon a time in a galaxy far, far away, there was a brave young programmer who decided to 
    learn CSS. The journey was long but rewarding, filled with discoveries and challenges at every turn.</p>
</body>
</html>

RESULT