Dónde encontrarlo
- Selecciona un elemento en el lienzo
- Abre el panel derecho
- Baja hasta la sección Spacing
Margin frente a padding
Margin (espacio exterior)
- Controla el espacio fuera del elemento
- Separa el elemento de los demás
Padding (espacio interior)
- Controla el espacio dentro del elemento
- Añade espacio entre el contenido y los bordes del elemento
Cómo ajustar el espaciado
Puedes controlar el espaciado de cada lado:- Arriba
- Abajo
- Izquierda
- Derecha
Controles rápidos
Botones + / –
- Aumentan o reducen el espaciado en pasos de 5px
- Una forma rápida de afinar el diseño
Entrada manual
- Haz clic en un valor para escribir un número personalizado
- También puedes elegir entre valores predefinidos como:
- 0
- 10
- 20
- 40
- 60
- 100
- 140
Opción Auto
- Deja que el sistema gestione el espaciado automáticamente (se usa sobre todo para la alineación)
Cómo funciona (ejemplo)
- Margin Top →
20px
👉 Añade espacio por encima del elemento - Padding Left →
10px
👉 Separa el contenido interior del borde izquierdo
Buenas prácticas
- Usa el margin para separar elementos
- Usa el padding para mejorar la legibilidad dentro de los elementos
- Evita el exceso de espaciado: mantén el diseño equilibrado
- Usa + / – para ajustes rápidos en lugar de adivinar valores