<blockquote>
Tag Examples
Examples of the <blockquote>
tag in HTML 5
<blockquote> with citation
(see <blockquote> tag demo above)
<p>The style of the text below should make it obvious that it is a quotation.</p> <blockquote id="example-1" cite="http://www.Shakespeare-Literature.com/Twelfth_Night/10.html" > <style scoped="scoped"> #example-1 cite::before { content: leader(space); } #example-1 cite { white-space: nowrap; } </style> Be not afraid of greatness: some are born great, some achieve greatness and some have greatness thrust upon them. <cite>William ShakespeareTwelfth Night <wbr/>Act II Scene 5</cite> </blockquote>
Note that the content of the cite element is the title of the source of the quotation, while the value of the <blockquote cite> attribute is a URL or other URI reference. The cite
attribute provides a link to the source of the quotation. The HTML 5 specification says that User agents should allow users to follow such citation links
using the URL in the cite attribute. At this point, however, none of the browsers actually do.
The white-space: nowrap
style prevents the cited title text from breaking in inappropriate places and the <wbr/> tags indicate where line breaks should be placed. The content: leader(space)
style adds spaces before the cited work to move the content of the cite element and align it with the right edge of the quote.