Aligning Elements
Aligning Elements
CREATING AND CHANGING LAYOUTS
What are 'Liquid' Layouts?
Overview of the Layout Panel
Grouping Elements
Aligning Elements
Distributing Your Content Evenly
Creating Overlapping Content
Making Elements Sticky
Overflow
Guides
Create Consistent Spacing
< BACK TO OVERVIEW
You will find the alignment functions in the Layout panel on the left.
You can choose the following alignments:
- vertically: top, center and bottom
- horizontally: left, center and right
You can combine a vertical and a horizontal alignment on an element, as shown in the example below.
Aligning multiple elements
Here is how to align multiple elements:
- select the elements you want to align. You do this by clicking the elements while holding down the Command (⌘) key.
- Once selected, click the desired alignment icon in the Layout panel.
The example below shows two elements vertically center aligned.
Not aligned:
Vertically & horizontally centered
Contact Support
STAY IN THE LOOP
Sign up for product updates