tag to your page.
## Adding the Macro
1. Edit your page.
2. Select “+” => Other macros
3. Type in “html” in the Search box
4. Select the “HTML Span” macro
## Macro Options
### **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.
### **Strip all Tags from Body**
Confluence will also add other tags to your body if you format it accordingly, e.g. headings or lists. In case you want all of them stripped, check this option.
### **Marker**
This option will draw a red border around the element. This can be useful during page design.