Wednesday, April 2, 2014

Dropcap CSS

Dropcaps in CSS are always "fun" to do for 3 reasons. First, the CSS seems easy enough to do. Use a float styling in a SPAN. Or use a :first-line:first:letter pseudo-class to style not just the first letter but also the first line of text as well. The second reason dropcaps are "fun"is because then you get to do some CSS debugging. Inevitably the dropcaps do not drop as much as intended depending on the font-family, font-size, line-height and browser used. Finally, the third reason dropcaps are fun" is because in the comments section of your page or post, inevitably some wizened Web troll will observe "dropcaps do not make your opinion right in fact you are full of ....".
So with these provisos, here is a JSFiddle full of different dropcap stylings. Enjoy:

1 comment:

  1. Your Affiliate Profit Machine is ready -

    Plus, getting it running is as simple as 1---2---3!

    This is how it all works...

    STEP 1. Input into the system what affiliate products you intend to promote
    STEP 2. Add some PUSH button traffic (it LITERALLY takes 2 minutes)
    STEP 3. See how the system grow your list and sell your affiliate products all by itself!

    Are you ready??

    The solution is right here

    ReplyDelete