<div>
  <p>Pseudo-element are handful elemnt features CSS provides us with. These elemnts are not pserceived by the DOM but they are visible on webpages thereby users get to see them as they are displayed just as if they are original element written in HTML.</p>
</di>
div > p {
  display: block;
}

div > p::first-letter {
  font-size: 30px;
  color: blue;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.