HTML & CSS reference

<blockquote>

A long quotation as a separate block.

Syntax

<blockquote cite="url">…</blockquote>

Attributes

Parameter	Type	Description
cite	URL	Optional. The address of the quote source.

Examples

A quote with the author's name:

<blockquote>
  <p>Simplicity is the ultimate sophistication.</p>
</blockquote>
<p>— <cite>Leonardo da Vinci</cite></p>

Styling a quote:

<style>
  blockquote { margin: 0; padding: 8px 16px; border-left: 4px solid teal; background: #f3fafa; }
</style>
 
<blockquote>Best coffee in town, and the staff are lovely.</blockquote>

Notes

By default <blockquote> is indented on both sides. Put the author's name outside the quote or use <figure> with <figcaption>.

In the tutorial

Headings and paragraphs — Six levels of headings, paragraphs, spaces and line breaks, the thematic break and quotes in HTML.

Thanks for reading!