Crown Street, Wollongong, 2500
Flex Alignment and Spacing
Alignment
Align multiple elements
You can save time with Flex by aligning numerous items inside the same section, column, or flexbox at once.
To align many elements:
- Click the alignment icon () in the floating menu after selecting the section, column, or flexbox.
- Choose the desired alignment.
Change the direction of auto layout, stretch, and other alignment choices are available in the design panel.
To coordinate several design panel elements:
- Select Edit design from the context menu when you right-click the relevant section, column, or flexbox.
- Select the appropriate vertical and horizontal content alignment in the Layout section of the design panel under Align elements.
When you align text from the floating menu or design panel, it aligns the text as well as the div tag.
Align single element
While many items may be aligned at the same time, there are occasions when you simply need to modify the alignment of one element inside a flex column without impacting the other elements.
To align a single element, use the following syntax:
- Choose the required element.
- Click the alignment icon in the floating menu and pick the appropriate alignment. Alternatively, right-click the element and choose Edit design. This brings up the design window, where you may change the alignment in the Align section.
Spacing
Spacing Between Elements
The amount of horizontal or vertical spacing between columns within the same flex section or widgets inside a column, flexbox, or advanced grid may be configured.
To adjust the space between items, do the following:
- Select Edit design from the context menu when you right-click the selected section, column, flexbox, or advanced grid.
- Type or use the slider to specify the percent value of horizontal space or the pixel value of vertical space you wish to exist between pieces in the Spacing between items field in the Spacing section of the design panel.
By selecting the Reset padding symbol in the floating menu, you may reset the padding for both sections and columns.

Love My Online Marketing has 10+ Years of working alongside businesses and helping them grow. Discuss your options for online success from website Design and Development through to Google Marketing.
Do you want more traffic and business leads?
Love My Online Marketing is determined to make a business grow. Our only question is, will it be yours?