Using Pull Quotes to Draw Attention

Pull quotes help draw attention to the most important part of the text.

People do not read web pages word by word, they scan the text. It’s important to keep the reader interested.

One of the technics employed by magazines is using pull quotes, small snippets of the article enlarged or set in a different type. Pull quotes draw attention to the most important and the most interesting parts of the text.

This is the CSS code I use:

blockquote.pullquote {
float: right;
width: 200px;
margin: 15px 0px 5px;
padding: 0;
font: 20px/24px georgia, palatino, serif;
color: #333;
text-align: center;
border:0;
}
/*Credit goes to Adam Polselli.*/

Note: Do not forget to provide a style sheet specified for printing that uses the hidden attribute for pull quotes. See Specifying Media-Dependent Style Sheets.