Customer Inquiries

1001 Mark Boulevard St.

New York, NY, US.


Mon - Sat 8.00 - 18.00


Sales department

+01 2345 6789

CSS Drop Cap

Here’s a couple of ways to create that cool looking extra large first letter of a paragraph using two different methods but both using CSS. You can do these either in line CSS or external CSS as an attached stylesheet.

The <span> Method
Using this in the HTML as follows:
The Pseudo Element Method
This uses the little known :first-letter pseudo element that formats the first letter of the paragraph. Here’s how to apply the HTML: <p>Type your sentence here and the first letter will be larger</p> Drop caps add some style to otherwise bland pages if done right.



Pin It on Pinterest

Share This