# HTML Blockquote
## Description
This macro adds a \
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 \ 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
#### Blue
#### Blue Rounded
#### Dark
### **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 \
tag. For custom HTLM tags, this might lead to unwanted results. Check this option to remove the Confluence \
wrapper.
## Body
Type the quote into the body of the macro.
It is very useful to add an HTML Cite macro at the bottom:
