<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 Shakespeare Twelfth 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.