<!DOCTYPE html>
<html lang="en">
<head>
    <title>element::first-letter</title>
</head>
<body>
    <h1>Life</h1>
    <p class="life__text">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem magni minus optio odit in nisi rerum ullam quibusdam. Corporis numquam eaque doloremque, eius consequuntur cupiditate ea at maiores, minus mollitia atque ipsa blanditiis natus quaerat, nostrum cum? Quasi, laboriosam possimus.
    </p>
</body>
</html>
p:first-letter {
  font-size:2.4rem;
  font-weight:bold;
  color:blue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.