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

# Spacing: отступы Margin и Padding в редакторе

> Как настроить внешние (Margin) и внутренние (Padding) отступы элементов в LanderLab: разница между ними, кнопки +/–, пресеты и режим Auto.

Раздел Spacing управляет **пространством вокруг элементов и внутри них**. Он помогает создавать аккуратные макеты и правильно разделять контент.

Найти его можно в **правой панели** при выборе любого элемента.

## Где это найти

1. Выберите элемент на холсте
2. Откройте **правую панель**
3. Прокрутите до раздела **Spacing**

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/spacing.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=2de2e4ae08c84d93f1d5f5ca557c81cd" alt="Раздел Spacing в правой панели настроек элемента" width="1306" height="988" data-path="images/spacing.png" />
</Frame>

## Margin и Padding

### Margin (внешний отступ)

* Задаёт пространство **снаружи** элемента
* Отталкивает элемент от других элементов

### Padding (внутренний отступ)

* Задаёт пространство **внутри** элемента
* Добавляет расстояние между содержимым и краями элемента

## Как настроить отступы

Отступы можно задавать для каждой стороны:

* Top (сверху)
* Bottom (снизу)
* Left (слева)
* Right (справа)

Каждую сторону можно настраивать независимо.

## Быстрые настройки

### Кнопки + / –

* Увеличивают или уменьшают отступ **шагами по 5px**
* Быстрый способ тонкой настройки макета

### Ручной ввод

* Нажмите на значение и введите своё число
* Также можно выбрать один из быстрых пресетов:
  * 0
  * 10
  * 20
  * 40
  * 60
  * 100
  * 140

### Вариант Auto

* Позволяет системе автоматически управлять отступами (в основном используется для выравнивания)

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/Screenshot2026-03-25at10.25.43AM.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=2b3771da97501a466738d7952afc4702" alt="Пресеты отступов и вариант Auto в разделе Spacing" width="342" height="350" data-path="images/Screenshot2026-03-25at10.25.43AM.png" />
</Frame>

## Как это работает (пример)

* Margin Top → `20px`<br />👉 Добавляет отступ над элементом
* Padding Left → `10px`<br />👉 Отодвигает содержимое внутри от левого края

## Рекомендации

* Используйте **margin**, чтобы отделять элементы друг от друга
* Используйте **padding**, чтобы улучшить читаемость внутри элементов
* Не делайте слишком большие отступы — следите за балансом макета
* Используйте + / – для быстрых правок, а не подбора значений наудачу


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.