Chapter 13. Styling a Block Quote
In this lesson, you will learn how to style a block quote using two background images. The aim is to create a quotation that sits inside two large graphic quotation marks.
Applying the <blockquote>
Element
The <blockquote>
element is often used to indent text. However, it should not be used for this purpose. It should only be used to mark up long quotations that consist of block level content.
For this lesson, you will need a quotation and a source or author for the quotation. These two items will be marked up as paragraphs and then placed inside a <blockquote>
. The paragraph that contains the source information will be given a source
class. A class is used in this case because you might want to have more than one ...
Get Sams Teach Yourself CSS in 10 Minutes 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.