Blockquotes

blockquote

Similar to the browser default, we added a left border which can be colored using border color utilities.

To attribute someone in the blockquote, add a <footer>. If you’re referencing a specific creative work, wrap it in a <cite> tag.

Demo

—Ernest Hemingway, The Sun Also Rises

Markup

<blockquote>
    <p>
        <!-- Quote goes here! -->
    </p>
    <footer>
        <!-- Quote attribution goes here! -->
        <cite>
        <!-- Cite a specific work -->
        </cite>
    </footer>
</blockquote>