---
title: "Create floating content"
canonical: "https://support.appfire.com/space/CT/1562345701/Create%20floating%20content"
format: markdown
---
> Macro (aura-html)

Floating content is content that is displayed in a box to the side of the main content of your page. The main content flows around the floating content, making it stand out from the page and capturing the reader's attention.

![image](media://b86e2cfc-5fe0-429b-a9c5-f52a6b2760bb)

## Ingredients

| Apps | Composition |
| --- | --- |
| Macros | Float |

## Guide

To set up cloaked content, follow these instructions:

1. In page edit mode, enter `{float}` to create a [Float](https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1561725401) macro.
2. In the *Insert 'Float' Macro* dialog, configure the parameters of the floating content box.  
For example:
  - Set **Side **to **right**.
  - Set **Width** to `110px`.
  - Set **Background** to `Yellow`.
  - Set **Margin** to `10px`.
  
3. Click **Insert**.
4. Within the *Float *macro body, enter or paste the text you want to highlight.
5. Enter or paste the other text for the page after the *Float* macro, and click **Save** to publish the page.

## Result

![image](media://fe54a016-be7e-48c7-af6a-d4cd11b163a6)