HTML Div

Description

The custom HTML tag macro gives you most freedom in adding add an HTML tag of your choice to your page. This macro offers a body that will then be wrapped in the HTML tag.

It also requires most knowledge of HTML so know what you do when you add this one.

Adding the Macro

1. Edit your page.

2. Select “+” => Other macros

3. Type in “html” in the Search box

4. Select the “HTML Div” 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 <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.

Marker

This option will draw a red border around the element. This can be useful during page design.