> 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/justify-content.md).

# Justify Content

How the browser distributes space between and around items.

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

Dropdown options:

\- **Flex start**: Pack flex items from the start.

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

\- **Flex end**: Pack flex items from the end.

\- **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. Start and end gaps are half the size of the space between each item.

\- **Space evenly**: Distribute items evenly. Start, in-between, and end gaps have equal sizes.

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