# HTML Preformatted ## Description The HTML Preformatted macro adds an `
` element to your page. It has no parameters but provides a body where you can enter text to be displayed in a smaller font size.

## Adding the Macro

1. Edit your page.
2. Select “+” => Other macros
3. Type in “html” in the Search box
4. Select the “HTML Pre” 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”.

## Body

Use the body to display small text.

Will show like this: