O'Reilly logo

Pro CSS and HTML Design Patterns by Michael Bowers

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CHAPTER 18Drop Caps

This chapter discusses design patterns that create drop caps. A drop cap dramatically styles the first letter of a document to signal that it is the beginning of a document. Sometimes it is used at the beginning of a major section of a longer document. Sometimes it styles a word instead of just the first letter.

Typically, the drop cap enlarges the first letter and lowers it so that the top of the letter is aligned to the top of the following text, but there is no limit to how the drop cap can be styled.

The design patterns in this chapter are organized from simplest to most complex.

Chapter Outline

  • Aligned Drop Cap shows how to create a simple drop cap by enlarging it and vertically aligning it.
  • First-letter Drop Cap shows ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required