PHONE

Customer Inquiries

1001 Mark Boulevard St.

New York, NY, US.

}

Mon - Sat 8.00 - 18.00

Sunday CLOSED

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.

Previous

Next

Pin It on Pinterest

Share This