From the course: Productivity Tips for Web Designers

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Dropping in CSS drop caps

Dropping in CSS drop caps

From the course: Productivity Tips for Web Designers

Start my 1-month free trial

Dropping in CSS drop caps

- Hi there, I'm Sue Jenkins and welcome to Productivity Tips for Web Designers. Today, you'll discover different methods for creating drop caps in your web layouts using HTML and CSS. If you've been hanging around the webiverse for the last few years, you've probably heard of Jessica Hische and her famous Daily Drop Cap website, where she flexes her impressive typographic muscle by showing off these remarkably versatile sets of illustrated initial capital letters. An initial capital letter or drop cap is the larger and more often ornate first letter of a paragraph that drops down two or more lines into the rest of the paragraph's text. Drop caps are often used as the very first letter of a word, paragraph, article or a chapter in a book, magazine, or other publication. In older manuscripts, the drop cap would extend down several sentences deep and often include ornate details like foliage, animals and human figures. Today, to create a drop cap on a webpage, the convention is to align…

Contents