X

Latest Items Added:

Full Component List:

Drop Capitals

P

lace or drop a paragraph element here, remove its first letter, and put that letter instead of the drop-capital 'P' in the text element. The trick is to give the initial letter its own class name and float it left inside the same container as the paragraph with the rest of the text. You can make any style changes you want, be it the font-face, size, colours or any margins or padding. 

Thanks to Wayan for introducing this drop-capital method in the CoffeeCup forum.

Download this component.