HTML <blockquote> Tag

Definition and Usage

<blockquote> tags specify parts quoted from other sources.

Browsers usually indent <blockquote> element (see the examples below to learn how to remove indentation).

Detailed Description

<blockquote> tags define block quotes.<blockquote> With </blockquote> All text between these tags will be separated from the regular text, often indented on both sides (increasing the margin), and sometimes in italics. That is, block quotes have their own space.

Tip:Please use <q> Tag to make inline (short) quotes.

See also:

HTML DOM Reference Manual:Blockquote Object

Instance

Example 1

Part quoted from other sources:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, the World Wildlife Fund (WWF) has been protecting the future of nature.
As a world-leading conservation organization, WWF operates in 100 countries and is supported by 1.2 million members in the United States and nearly 5 million people worldwide.
</blockquote>

Try It Yourself

Example 2

Use CSS to remove the indentation of the blockquote element:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>This is a quote from the World Wildlife Fund website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, the World Wildlife Fund (WWF) has been protecting the future of nature.
As a world-leading conservation organization, WWF operates in 100 countries and is supported by 1.2 million members in the United States and nearly 5 million people worldwide.
</blockquote>
</body>
</html>

Try It Yourself

Attribute

Attribute Value Description
cite URL Specifies the source of the reference.

Global Attributes

<blockquote> The tag also supports Global Attributes in HTML.

Event Attributes

<blockquote> The tag also supports Event Attributes in HTML.

Default CSS Settings

Most browsers will display the following default values <blockquote> Element:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

Try It Yourself

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support