Pseudoclass :first-letter can refer to the first letter of the element, paragraph as below. It is clean approach without enclosing the first letter in span tag and applying the required rule based on the representation. HTML
Booker T CSS html {
font-size: 3rem;
}
p::first-letter {
border: 1px solid;
font-weight: bold;
color: red;
} A common in advanced CSS interview question, don't miss this one.