# 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.