How to create drop caps using CSS

Below is the CSS code to create drop caps (or dropped initials) for Blogger templates. I have tested it on Firefox, Chrome, Edge, Internet Explorer, Opera and Safari and verified that it looks the same on all those browsers.

.post-body > p:first-of-type:first-letter {
font-family: Georgia, serif;
font-size: 550% /* or 330% */;
margin: 6px 4px 0 0;
line-height: .7;
float: left;
}

The