> For the complete documentation index, see [llms.txt](https://lewe.gitbook.io/html-and-aui-toolkit-for-confluence/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lewe.gitbook.io/html-and-aui-toolkit-for-confluence/html-macros/html-blockquote.md).

# HTML Blockquote

## Description

This macro adds a \<blockquote> tag to your page. It is used to display a quote or citation. Confluence styles blockquotes individually so it stands out from the other text.

The HTML Tookit for Confluence provides three mor individual styles.

## Adding the Macro

1. Edit your page.
2. Select “+” => Other macros
3. Type in “html” in the Search box
4. Select the “HTML Blockquote” macro

## Macro Options

### **Cite**

The cite attribute (not to be mixed up with the \<cite> tag) allows to enter a link to the source of the quote. It is not displayed nor linked to but user agents and search engines can read it.

### **Design**

Select a design for the blockquote. You can select from:

#### Confluence

<figure><img src="/files/0CQ3BuBdTOpW1nfOjsT0" alt=""><figcaption></figcaption></figure>

#### Blue

<figure><img src="/files/P0kkLPkZKjnWlIUGqN1h" alt=""><figcaption></figcaption></figure>

#### Blue Rounded

<figure><img src="/files/YLzQPtzVUv4sJYndm34p" alt=""><figcaption></figcaption></figure>

#### Dark

<figure><img src="/files/b97sL9hpHsU5cWD5we7M" alt=""><figcaption></figcaption></figure>

### **Element ID**

If you need to address your element via an ID, e.g. in a stylesheet or via Javascript, enter the ID here. Make sure, the ID is unique on your page.

### **CSS Classes**

If you need to style your element via an external style sheet, enter all class names here, separated by a blank.

### **Inline Styles**

You can add inline styles to your element here, ending with a semicolon, e.g. “color:#ffffff;background-color:#000099;”.

### **Tooltip Title**

Enter a simple text here that will popup as a tooltip when the mouse is hovered over the element.

### **Custom Attributes**

You can enter fully specified custom attributes here separated by blanks, e.g.: data-animal=”cat” data-color=”red”.

### **Strip Body Wrapper**

By default, Confluence will wrap any macro body content into a \<p> tag. For custom HTLM tags, this might lead to unwanted results. Check this option to remove the Confluence \<p> wrapper.

## Body

Type the quote into the body of the macro.

It is very useful to add an HTML Cite macro at the bottom:

<figure><img src="/files/BapxNQE9mhzBLPwzxlMi" alt=""><figcaption></figcaption></figure>