Positioning

The Positioning subsection aligns an element's content inside its block. It's available on most elements (Shape, text, button, images…) and decides where their content sits vertically when the block is taller than its content.

Direction

On the Navigation and Social media elements, a Direction selector chooses how the children flow: Row (side by side, the default) or Column (stacked vertically). The two alignment settings below follow the chosen direction: the spacing options (Spaced…) move to the axis in which the elements flow.

Vertical alignment of the content

Three options:

• Top: aligns the content at the top of the container (default value).
• Middle: aligns the content vertically in the middle.
• Bottom: aligns the content at the bottom.

It's notably useful for vertically centering a heading in a tall Shape, or anchoring an icon row at the bottom of a card.

Horizontal alignment of the content

Elements that lay out their content in a row (Navigation, Mega menu, social networks…) also offer a Horizontal content alignment setting:

• Left: aligns the content to the left.
• Center: aligns the content in the center.
• Right: aligns the content to the right.
• Spaced, Spaced (around), Spaced (evenly): distribute the items across the available width, with space between them, around them or of equal size. Spaced is the default value for these elements.

Reset

The Reset settings button clears the custom direction and alignments to revert to the element's default behavior.