Position blocks within containers using alignment options in the Visual Editor's Layout section. Control horizontal and vertical placement to create responsive layouts.
For more information about blocks, see Block Types.
Familiarize yourself with these concepts before working with alignment:
Find alignment controls in the Style tab of the Visual Editor. The Layout section contains the Align row with the following options:
- Fill width: expands the block to fill the container's width.
- Align to the left side: positions the block on the left.
- Center horizontally: centers the block horizontally.
- Align to the right side: positions the block on the right.
- Align to the top side: positions the block at the top.
- Center vertically: centers the block vertically.
- Align to the bottom side: positions the block at the bottom.
The screenshot below shows the location of alignment controls in the Visual Editor within the Style tab's Layout section: