Wednesday, September 22, 2010

Using Blockquote

Definition and Usage

The <blockquote> tag defines a long quotation.

Browser adds space before and after the blackquote element, and also add margins.

Styling the blocquote element by adding css properties

blockquote { padding: 10px; background: #eee; }

When the blackquote is nested with multiple paragraphs, each paragraphs will not have breathing space. So we need to add some spacing after the blocks.

blockquote, p { margin-bottom: 30px; border-bottom:1px solid #fff }

I have used "border-bottom:1px solid #fff" property to the paragraph element for understanding clearly.