Specifying the alignment of content in a Flexbox

Within a given Flexbox component, the alignment of content can be set both horizontally and vertically.

To specify the alignment of content in a Flexbox, use this procedure:

  1. Select the Flexbox in the workspace.
  2. In the component Properties panel, select the Style tab.
  3. In the list of Style settings, locate the Alignment option and click Show More.
  4. From the drop-down list, select the alignment options you want:
    • Horizontal - The drop-down list provides these options for the horizontal alignment of content:
      • Left (default)
      • Center
      • Right
    • Vertical - The drop-down list provides these options for the vertical alignment of content:
      • Top
      • Middle
      • Bottom
Related topics