*Please pardon the un-styled mess why I am rethinking and re-designing my blog!*

The Design O'Blog

Quick Tip #20 Drop A Cap In Your Paragraph

The estimated time to read this article is less than a minute

People transitioning from print to web will appreciate this quick tip. Today I’m going to show you a quick and easy way to add just a little bit of ‘flair’ to your paragraphs. Yes we are going to tango with our old friend the drop cap. Super easy to create in print media thanks to InDesign, but CSS has some selectors up its sleeve to help us out. *warning* this probably wont work in IE, but really who cares? :)

Leave a comment and let me know what you think! Oh yeah, and subscribe to the podcast via itunes and write a review if you like!

View Demo | Download source code (zip)

[5] Comments
Posted in design, Screencasts, Tutorials, Web 2.OH, Web Design

Share This Article

Share! Share On Twitter

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

5 Responses to “Quick Tip #20 Drop A Cap In Your Paragraph”

  1. Mark says:

    “Probably doesn’t work in IE, but I don’t care”.. I love you Niki LOL


  2. we are doing a huge redesign of the corporate site I manage and I will start to add a bunch of these types of progressive enhancement options. IE will be left out of a lot.


  3. Nice little tip Niki. Are you using DW CS4 there? Nice that you can keep the “rendered” version visible while coding the CSS.


  4. lol Great title! Thanks for the tip!

    curtismchale: I’ve been reading a lot about regressive features. I think it’s a really good idea and a solid model, and I’m looking seriously at adapting it on future projects.


  5. It works fine in all versions of IE (;