How to Style Drop Caps in HTML

01. The Concept

You can create gorgeous, magazine-style drop caps using the ::first-letter pseudo-element without adding extra span tags to your HTML.

p::first-letter {
  font-size: 3.5em;
  font-weight: bold;
  float: left;
}

Ensure your drop cap aligns perfectly with the baseline of the adjacent text lines.