Alignment
Note: there is a spacer block above to clear the alignment.
Day: February 5, 2024
-
Spacer
Please note that the spacer is transparent. The default height is 100px.
With margin preset: 4
-
Separator
Align none
Wide
Full width
Center
Style variation Wide
Style variation Wide, with align center set in the toolbar:
Style variation Wide, with the wide with set in the toolbar:
Style variation Wide, with the full with set in the toolbar:
Style variation Dots
Color
Margin
Margin preset: 4
-
Page break
Content before the page break.
-
Stack
Note: For other block settings like typography and background image, see the group block.
Alignment
Align none.
A second paragraph inside a stack.
Wide.
A second paragraph inside a stack.
Full width.
A second paragraph inside a stack.
Vertical alignment
Note: Background color and min height has been added for visibility.
Align top.
A second paragraph inside a stack.
Align middle
A second paragraph inside a stack.
Align bottom.
A second paragraph inside a stack.
Space between.
A second paragraph inside a stack.
Justification
Justify items left
A second paragraph inside a stack.
Justify items center
A second paragraph inside a stack.
Justify items right
A second paragraph inside a stack.
Stretch items
A second paragraph inside a stack.
-
Row
Note: For other block settings like typography and background image, see the group block.
Alignment
Align none.
A second paragraph inside a row.
Wide.
A second paragraph inside a row.
Full width.
A second paragraph inside a row.
Vertical alignment
Note: Background color and min height has been added for visibility.
Align top.
A second paragraph inside a row.
Align middle
A second paragraph inside a row.
Align bottom.
A second paragraph inside a row.
Stretch to fill.
A second paragraph inside a row.
Justification
Justify items left.
A second paragraph inside a row.
Justify items center.
A second paragraph inside a row.
Justify items right.
A second paragraph inside a row.
Space between
A second paragraph inside a row.
-
Group
Inner blocks use content width
A paragraph inside a group. No alignment, default justification.
A paragraph inside a group. Wide, default justification.
A paragraph inside a group. Wide, left justification.
A paragraph inside a group. Wide, right justification.
A paragraph inside a group. Full width, default justification.
A paragraph inside a group. Full width, left justification.
A paragraph inside a group. Full width, right justification.
Custom content width: 200px, custom wide width: 400px, left justification
A paragraph inside a group. No alignment, default justification.
A paragraph inside a group. No alignment, default justification.
Inner blocks do not use content width
A paragraph inside a group, no alignment.
A paragraph inside a group, wide
A paragraph inside a group, full width
Color
Text color.
Text color, link color.
Text color, link color, background color.
Text color, link color, background color, heading color.
And this is the example heading inside the group
Text color, link color, background color, heading color, button color.
And this is the example heading inside the group
Background image
A paragraph inside a group.
Min height is set to 300 so that the image is more visible.
Border
A paragraph inside a group.
A paragraph inside a group.
A paragraph inside a group.
Typography
Font size
A paragraph inside a group.
A paragraph inside a group.
A paragraph inside a group.
A paragraph inside a group.
Appearance
A paragraph inside a group.
A paragraph inside a group.
Line height
A paragraph inside a group.
Letter spacing
A paragraph inside a group.
Decoration
A paragraph inside a group.
A paragraph inside a group.
Letter case
A paragraph inside a group.
A paragraph inside a group.
A paragraph inside a group.
Dimensions
Background color added for visibility.
Padding preset: 4
A paragraph inside a group.
Margin preset: 4
A paragraph inside a group.
Block spacing preset: 0
A paragraph inside a group.
A second paragraph.
Block spacing preset: 4
A paragraph inside a group.
A second paragraph.
Block spacing preset: 7
A paragraph inside a group.
A second paragraph.
A paragraph inside a group.
Min height is set to 300px.