In the publishing world, it is a convention to style the first character of the article/story distinctively. When it comes to the web, people use different techniques to achieve the same, famous being adding extra markup around the first letter. With
::first-letter pseudo element being available in all modern web browsers, it became the simplest way to achieve drop caps.
For example, to style the first letter of every paragraph, we can use the following CSS rule: