Creating Blockquote Text

As you might have noticed, the paragraph you typed in the preceding section leaves readers dangling. You can solve that by inserting a block quote below the existing paragraph. But before you enter the block quote, you need to define the blockquote style in the styles_presentation.css file. To save readers from dangling, follow these steps:

1.      Open your presentation style sheet in your text editor, click under the dropcap class, and press ENTER.

2.      Type the following style:

blockquote { color: #952C29; }

3.      Save your work, and then open index.html in your text editor.

4.      In the centercolumn area, click after …you know what they say:</p>, and the press ENTER twice.

5.      Press TAB, and then type the following text (note that the text includes an HTML entity for the em dash):

<blockquote>Would Paul Revere’s ride be famous if he just shot off a few e-mails? Nay&mdash’tis unthinkable!</blockquote>

<blockquote>Would Jack Kerouac’s <em>On the Road</em> be a cult classic if all he did was surf the net? No way, man!</blockquote>

6.      Save your work.

7.      Preview index.html in your browser window.