Blockquote Functionality

A blockquote tag in the #content results in very large, centered text. It's suitable for pull quotes and presenting a major page link (such as "Enter Now" type links).

This is a blockquote.

Four score and seven years ago...

This blockquote will wrap because it is just too long for the page, even when it's really, really wide. As you can see, the text is centered, not some centered div containing left-aligned text.

Enter Now!

(Enter Now link goes nowhere.)

Text inside a blockquote element must also be inside some other element, like a paragraph, in order to validate.


Relevant HTML

<blockquote><p>This is a blockquote.</p></blockquote>

Relevant CSS

#content blockquote
{
	padding:0 2em 1em 2em;
	display:block;
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}

#content blockquote p
{
	padding-bottom:0;
}

« Back to Functionality Index