> 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="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2F6t2pHwZ7CVojPlwIZu02%2Fimage.png?alt=media&amp;token=7471357d-5fbc-4930-91c8-a34542beea5d" 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 %}