<figure class="text-center">
<blockquote class="hgm-blockquote">
<p>A well-known quote, contained in a blockquote element.</p>
</blockquote>
<figcaption class="hgm-blockquote__figcaption">
Someone famous in <cite title="Source Title">Source Title</cite>
</figcaption>
</figure>
<figure class="{{ class-modifier }}">
<blockquote class="hgm-blockquote">
<p>A well-known quote, contained in a blockquote element.</p>
</blockquote>
<figcaption class="hgm-blockquote__figcaption">
Someone famous in <cite title="Source Title">Source Title</cite>
</figcaption>
</figure>
{
"class-modifier": "text-center"
}
The HTML spec requires that blockquote attribution be placed outside the blockquote. When providing attribution, wrap your blockquote in a figure and use a figcaption or a block level element (e.g., p) with the .hgm-blockquote__figcaption class. Be sure to wrap the name of the source work in as well.