> For the complete documentation index, see [llms.txt](https://docs.acho.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.acho.io/app-builder/app-construction/elements/layout-elements/container.md).

# Container

Containers are used to wrap and pad other elements. They can be used to group elements and organize an app’s layout.

If you navigate to Config → Styles, you’ll be able to configure the container’s layout, spacing, etc.

* `Display:inline` will arrange container content vertically while `Display:flex` will allow you to place items next to each other, horizontally.
* Justify affects how content is arranged from left to right.
* Align affects how content is arranged from top to bottom.
* Wrap options specify how the container will deal with overflow.

<figure><img src="/files/E44MHZCOj66u0LywleBG" alt=""><figcaption></figcaption></figure>

## Supported Events

No supported events.

## Supported Actions

**Set Data:** Change element data. See [Data Store](/app-builder/app-construction/data-store.md).

**Set Loading:** Set loading animation. See [Set loading animations](/app-builder/popular-use-cases/set-loading-animations.md).

{% hint style="info" %}
Visit [Interactions](/app-builder/app-construction/interactions.md) for more on events and actions.
{% endhint %}