- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
dropcap
January 25, 2016
Dropcap is the first letter in the paragraph that is styled differently from all the other. You can make a letter into a dropcap by adding pseudo class :first-letter to needed element and creating specific css rules for it in your .css file. For example:
p:first-letter { font-size: 50px; }
Also, you can put the first letter or a word of your text into an in-line HTML element like a span with special class and assigning the custom styles for it in your .css file afterwards.
For example:
HTML:
<span class="cap">C</span>reating a Dropcap!
CSS:
.cap { font-size: 50px; }
