<blockquote>
<p>No live organism can continue for long to exist sanely under conditions of absolute reality; even larks and katydids are supposed, by some, to dream. Hill House, not sane, stood by itself against its hills, holding darkness within; it had stood so
for eighty years and might stand for eighty more. Within, walls continued upright, bricks met neatly, floors were firm, and doors were sensibly shut; silence lay steadily against the wood and stone of Hill House, and whatever walked there, walked
alone.</p>
<footer>
Opening of <cite><a href="https://en.wikipedia.org/wiki/The_Haunting_of_Hill_House">The Haunting of Hill House</a></cite> by Shirley Jackson
</footer>
</blockquote>
<blockquote>
{{{ quote }}}
{{#if citation}}
<footer>
{{{ citation }}}
</footer>
{{/if}}
</blockquote>
{
"quote": "<p>No live organism can continue for long to exist sanely under conditions of absolute reality; even larks and katydids are supposed, by some, to dream. Hill House, not sane, stood by itself against its hills, holding darkness within; it had stood so for eighty years and might stand for eighty more. Within, walls continued upright, bricks met neatly, floors were firm, and doors were sensibly shut; silence lay steadily against the wood and stone of Hill House, and whatever walked there, walked alone.</p>\n",
"citation": "Opening of <cite><a href=\"https://en.wikipedia.org/wiki/The_Haunting_of_Hill_House\">The Haunting of Hill House</a></cite> by Shirley Jackson\n"
}
blockquote {
border-left: solid 4px #ccc;
padding-left: 1.4em;
padding: 1em 1em 1em 1.4em;
// font-size: 1.2rem;
line-height: 1.5;
}
blockquote footer {
font-style: italic;
font-size: 1rem;
&::before {
content: '- ';
}
}
Block quotes may or may not contain a citation. If they do, that citation should be in a footer element. The citation should also contain a cite element wrapping the title of the work with a link if appropriate.
See MDN Articles: