To “call out” an interesting sentence or make a “pull quote,” insert the following code at the beginning of the paragraph beside which you want the callout or pull quote to appear:
<span class="pullout"><del>[Pullout:</del><span>Pull quotes can be a nice addition to pages both on the web and in print.</span><del>]</del></span>
[Pullout:Pull quotes can be a nice addition to pages both on the web and in print.]The callout appears to the right of this paragraph. Because it’s floated, any content that appears after the callout will wrap around it. You therefore will want to put a pullquote or callout at the beginning of a decent-sized paragraph, so it doesn’t mess up your formatting. I’m going on awhile in this paragraph so that it doesn’t wrap oddly. Normally, you wouldn’t just blather on like this to take up more space on the page, though some people seem to.
Note that this markup uses nested <span> elements! Be careful not to leave one out!
This sort of pull quote is designed to highlight material that is repeated elsewhere in the main flow of the text and does not logically fit where the pull quote is inserted. In other words, it’s only presentational. The <del>[Pullout:</del> is for accessibility; it warns the user of a screen reader that what that follows is outside the normal flow of the text.
Sometimes you may wish to highlight material as a callout but leave it in its normal position in the text. In that case, the accessibility markers are unnecessary. Use this code instead:
<span class="pullout"><span>Manage your library website just as you would your physical library.</span></span>
Our PDF stylesheets will display pull quotes and callouts correctly.