‘Use hanging punctuation to style a quotation. A “quote within a quote” should use double quotation marks.’The design team
‘Or you can have a bigger one.’The design team
‘Or you can use the BEM class names to style.’The design team
‘Class names with modifier to style.’The design team
Design and content
Use quotations when you:
- want to refer to what someone said, not to pull out text written within the page copy
- are referring to an external source - remember to cite the author and if possible link to their original work
- are knowingly using a jargon word after giving a plain English description, for example, ‘the people you want to sort out your will (known as ‘executors’)’
Our quotations use hanging punctuation when using this pattern. This means the opening quotation mark must sit in the margin so as not to disrupt the flow (left alignment) of the text. If the quote is within the text (on the same line) it would not hang.
When marking up quotes in HTML - use true quotation marks. True quotes are called smart quotes and the right one must be used according to whether you are opening (‘) or closing (’) a quotation. Find out about HTML character codes to use for quotes.
Our quotations are marked up with the blockquote element (for the quotation text) and the cite element for referring to the author of the quote. According to the W3C, the “blockquote element represents a section that is quoted from another source.” So, when you use this pattern, do not to use it to refer to text within the same page.
As in the example above - you can use larger text for the quotation if the text is shorter.