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 ...

Get Pro CSS and HTML Design Patterns now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.