Advanced Search

Adding Dropcaps to Paragraphs

/ Published in: CSS
Save to your folder(s)
This adds a dropcap to the first letter of a paragraph when you surround it with span. This method is far more efficient than using the :first-letter psuedo class which does not work on all browsers.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. p span.dropcap {float:left;font-size:100px;line-height:0.8;padding:0 10px 10px 0;}

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.