> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tackstudio.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Aligning and distributing

> Align, distribute, and equalize gaps between layers.

These are the core actions in the panel: align layers to an edge or center, distribute them evenly, or equalize the gaps between them. All of them are measured against whatever [Align to](/align-pro/align-to) target is currently selected.

## Align

Moves every selected layer to line up on one edge or center:

| Button             | Effect                                     |
| ------------------ | ------------------------------------------ |
| Align Left         | Lines up the left edges.                   |
| Align Horizontally | Centers layers on the horizontal (x) axis. |
| Align Right        | Lines up the right edges.                  |
| Align Top          | Lines up the top edges.                    |
| Align Vertically   | Centers layers on the vertical (y) axis.   |
| Align Bottom       | Lines up the bottom edges.                 |
| Align Center       | Centers layers on both axes at once.       |

## Distribute

Spaces three or more layers so a given edge or center is evenly stepped between the first and last layer:

| Button                  | Spaces layers so their...                |
| ----------------------- | ---------------------------------------- |
| Distribute Top          | ...top edges are evenly spaced.          |
| Distribute Vertically   | ...vertical centers are evenly spaced.   |
| Distribute Bottom       | ...bottom edges are evenly spaced.       |
| Distribute Left         | ...left edges are evenly spaced.         |
| Distribute Horizontally | ...horizontal centers are evenly spaced. |
| Distribute Right        | ...right edges are evenly spaced.        |

## Distribute spacing

Instead of evenly spacing an edge or center, these two buttons equalize the **empty gap** between adjacent layers:

| Button                          | Effect                                |
| ------------------------------- | ------------------------------------- |
| Distribute Spacing Vertically   | Equal vertical gaps between layers.   |
| Distribute Spacing Horizontally | Equal horizontal gaps between layers. |

<Callout icon="lightbulb" color="#F05F3F">
  The **spacing amount** field only takes effect when Align to is set to **Key Layer**. It’s the exact pixel gap used between the key layer and every other layer, cascading outward in both directions. For every other Align to target, gaps are calculated automatically to fill the available space evenly, and the field is ignored.
</Callout>

Type a value into the spacing field directly, or click the **+**/**-** steppers beside it (hold **Shift** for 10px steps).