The HTML Span macro adds a <span> tag to your page.
Adding the Macro
Select “+” => Other macros
Type in “html” in the Search box
Select the “HTML Span” macro
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.
If you need to style your element via an external style sheet, enter all class names here, separated by a blank.
You can add inline styles to your element here, ending with a semicolon, e.g. “color:#ffffff;background-color:#000099;“.
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.
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.
This option will draw a red border around the element. This can be useful during page design.