Blockquote

Blockquotes serve an essential purpose in web content by highlighting significant statements, testimonials, or excerpts from other works. They distinguish the quoted content from the rest of the text, drawing attention and adding credibility. Whether you’re referencing expert opinions, emphasizing poignant remarks, or drawing attention to specific content, proper styling and formatting of blockquotes ensure readability and aesthetics.

Left Border (default)

To style a quote with a left border for use within modules where the quote should visibly stand out, add the .blockquote class to the <blockquote> element.

            
                

<blockquote class="blockquote">

	<p>
		“Correcting for this bias may seem simple, just adding ~0.5° C to early canvas bucket measurements, but it becomes more complicated than that because, the authors continue, the majority of SST data do not include a description of what kind of bucket or system was used.”
	</p>

	<cite>
		—<strong>Victoria Tauli-Corpuz</strong>, the UN’s Special Rapporteur for Indigenous Peoples, 2019
	</cite>

</blockquote>


            
        

Hanging punctuation

To style a quote specifically for use within the module introduction, add the blockquote class to the <blockquote> element.

            
                

<blockquote class="blockquote-hanging">

	<p>
		Correcting for this bias may seem simple, just adding ~0.5° C to early canvas bucket measurements, but it becomes more complicated than that because, the authors continue, the majority of SST data do not include a description of what kind of bucket or system was used.
	</p>

	<cite>
		<strong>Victoria Tauli-Corpuz,</strong> the UN’s Special Rapporteur for Indigenous Peoples, 2019
	</cite>

</blockquote>


            
        

Keep in mind that you do not need to add punctuation (quotes or emdash), as they are added automatically by the CSS.

Transcript Style

To style a quote specifically for use within the transcript, add the .blockquote-transcript class to the <blockquote> element.

            
                

<blockquote class="blockquote-transcript">

	<p>
		27 May 2007<br />Dear Authors:
	</p>
	
	<p>
		I have received two reviews of your manuscript entitled "Quantifying the effect of humic matter on the suppression of mercury emissions from artificial soil surfaces" submitted for publication in
		<em>Applied Geochemistry</em>. In addition I have read your paper and have some additional comments that are below. All reviewers including myself agree the paper after revisions is acceptable for publication.
	</p>
	
	<p>
		I have attached both reviewers' comments to this email.  Both reviewers raise some important issues that need to be clearly addressed in your revised paper. I agree with their concerns and below have added a few others that need to be addressed.
	</p>

	<p>
		Sincerely,<br />Editor for Special Issue of
		<em>Applied Geochemistry</em>
	</p>

	<p>
		<strong>Additional detailed comments from the Editor:</strong>
	</p>
	
	<p>
		The mass balance needs to be considered [as detailed by reviewer 2]. My guess is your flow rate is producing an artificially high flux. The way to deal with this would be to use the actual concentration difference between the inlet and outlet instead of the flux to calculate the amount lost. Plot the difference between the outlet and inlet concentrations rather than flux.
	</p>

</blockquote>


            
        

Blockquote Requirements

For the more traditional block quote, the citations will need to follow APA format. There are two ways to add a citation for block quotes according to APA. You can find an explanation of both here.

** The <blockquote> Element: **

• The block quote should always be wrapped in a <blockquote> element.

• The <blockquote> can optionally include a cite attribute that provides a URL reference to the original source.

The <p> Element:

• Every block quote should contain at least one <p> element.

• The <p> element should encapsulate the actual quotation text.

• There should not be any other elements (like headings or lists) directly inside the <blockquote> other than the <p> and <footer>.

The <footer> Element:

• The <footer> is optional but recommended if citation details are available.

• It typically appears after the <p> element containing the quotation.

• The footer provides additional information about the quotation, typically the author’s name and the title of the work.

The <cite> Element:

• The <cite> element is nested within the <footer> and is optional.

• It provides a human-readable reference to the source of the quote.

• This element can be styled or structured in various ways, but it should provide clarity about the original source or author.

The <strong> Element:

• Used within the <cite> element to emphasize the author’s name.

• This is optional but serves to highlight the author’s name for better visibility.