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 19Callouts and Quotes

This chapter discusses design patterns that create callouts and quotes.

A callout is a key point pulled out of the document to grab a reader's attention so he or she will read the document and remember the point after having read it. A callout is repeated twice in a document: once as part of the body of the document and once again for display as a callout. A callout is displayed prominently so the reader cannot miss it. Because a callout is extracted from a document's text, it is often an inline element, although it could be a block element.

I have grouped callouts and quotes together because they are closely related. Callouts are also known as pull quotes because they are quotes pulled from the document. There ...

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