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.


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.