> For the complete documentation index, see [llms.txt](https://helpwith.salesorder.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpwith.salesorder.com/trade-acceleration-portal-2.0/tap-ux/blocks/block-configurations/flex-box-settings/align-content.md).

# Align Content

\*has no effect on single line flex containers (i.e. ones with flex-wrap: nowrap)\*

Sets the distribution of space between and around items.<br>

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

Dropdown options:

\- **Flex Start:** The items are packed flush to each other against the edge of the alignment container depending on the flex container's cross-start side. This only applies to flex layout items. For items that are not children of a flex container, this value is treated like start.

-**Flex End:** The items are packed flush to each other against the edge of the alignment container depending on the flex container's cross-end side. This only applies to flex layout items. For items that are not children of a flex container, this value is treated like end.

\- **Centre**: Pack items around the center.

\- **Space-between**: Distribute items evenly. The first item is flush with the start, and the last is flush with the end.

\- **Space-around**: Distribute items evenly. Items have a half-size space on either end.

\- **Stretch**: Distribute items evenly. Stretch 'auto'-sized items to fit the container.

[Try a demo](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content#try_it)