# HTML Style

## Description

The HTML Style macro adds a `<style>` element on your page. You can enter any CSS properties in its body that you want to be applied on 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 Style” macro

## Macro Options

This macro has no parameters.

## Body

You can put CSS attributes into the body.

Here is an example in combination with the HTML Footer element:

<figure><img src="https://3884669180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fs1Vtfb5fcOs06GOHo0WA%2Fuploads%2Fn7I2mFUMGfBEcroeOPuy%2Fimage2017-11-4_19-17-24-768x278.png?alt=media&#x26;token=41d94e22-dbb8-4c43-90d3-34a58a032c6c" alt=""><figcaption></figcaption></figure>

will show as this:

<div align="left"><figure><img src="https://3884669180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fs1Vtfb5fcOs06GOHo0WA%2Fuploads%2F0pu2JRLbXLrqaXrlcIJJ%2Fimage2017-10-23_1-24-47.png?alt=media&#x26;token=9f4bc33f-6e24-445f-97dd-02e1a46225be" alt=""><figcaption></figcaption></figure></div>