Block quotes
Last modified: May 31, 2007 - 00:22
If you would like to display multi-paragraph quotes with quotation marks as characters, rather than using images, you could use this;-
blockquote p::before {
content: open-quote;
}
blockquote p::after {
content: close-quote;
visibility: hidden;
}
blockquote p:last-child::after {
visibility: visible;
}Of course, you can add indenting etc. as required.
Markup is simply;–
<blockquote>
<p>paragraph one</p>
<p>paragraph two</p>
<p>paragraph three</p>
<p>paragraph four</p>
</blockquote>NB Only tested on Firefox.
Happy quoting.