Say "Hello!"

  • This field is for validation purposes and should be left unchanged.

Drop Cap Letter


1
2
3
4
5
/* Browser compatible */
.firstcharacter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }
       
/* CSS3 however it doesn't work on IE9 or less */
p:first-child:first-letter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }

Back to Snippets Follow me on GitHub

Ashley Cameron logo
Blog