> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Contenedores y columnas

> Organiza y espacia tu firma de correo electrónico con contenedores, definiendo la dirección por filas o columnas, la alineación, el fondo, el espaciado y el relleno de cada bloque que contienen.

Cuando seleccionas un contenedor (como la columna principal o una fila), el panel de estilos muestra los controles de diseño que afectan a todo lo que hay dentro. Los contenedores son la columna vertebral estructural de tu firma: determinan cómo se organizan y se espacian los bloques. Para ver un recorrido paso a paso, consulta [crear diseños con columnas y filas](/es/editor/building-layouts-with-columns-and-rows).

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-element-styling.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=1a888416ad01ec92740172e15c26354c" alt="Editor de firma con el panel de estilo abierto" width="3456" height="1930" data-path="images/signature-editor-element-styling.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/container-layout-settings-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=032105859a512ed37d83c70e85b3ba4b" alt="Panel de configuración de diseño del contenedor con controles de dirección, alineación y relleno" title="Panel de configuración de diseño del contenedor con controles de dirección, alineación y relleno" className="mx-auto" style={{ width:"27%" }} width="696" height="1762" data-path="images/container-layout-settings-panel.png" />
</Frame>

## Diseño

| Ajuste         | Qué hace                                                                                                                                                                                                 |
| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Dirección**  | Elige **Fila** (elementos uno al lado del otro) o **Columna** (elementos apilados)                                                                                                                       |
| **Alineación** | Alinea el contenido a la izquierda, al centro o a la derecha dentro del contenedor                                                                                                                       |
| **Fondo**      | Define un color de fondo con el selector de color o un código hexadecimal                                                                                                                                |
| **Espaciado**  | Espacio entre los elementos hijos dentro del contenedor                                                                                                                                                  |
| **Relleno**    | Espacio entre el borde del contenedor y su contenido. Usa el campo global para aplicar el mismo relleno en los cuatro lados, o despliega para establecer Arriba, Derecha, Abajo e Izquierda por separado |

<Tip>
  Combina **Dirección → Fila** con **Alineación → Centro** para centrar elementos horizontalmente. Por ejemplo, para centrar iconos de redes sociales en una fila.
</Tip>

## Texto

Cuando un contenedor incluye contenido de texto, aparece la sección de texto con opciones de fuente, tamaño, color, opacidad, interlineado y formato. Estos ajustes se aplican como valores predeterminados al texto que haya dentro del contenedor.

| Ajuste              | Qué hace                                                                                                                                                                                |
| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Fuente**          | Elige entre [fuentes web seguras](/es/which-fonts-can-i-use-in-my-scribe-email-signature): Helvetica, Arial, Arial Narrow, Tahoma, Georgia, Times, Garamond, Verdana, Lucida, Trebuchet |
| **Tamaño**          | Tamaño de fuente en píxeles                                                                                                                                                             |
| **Color**           | Color del texto: usa el selector de color o introduce un código hexadecimal                                                                                                             |
| **Opacidad**        | Transparencia del texto (100 % = totalmente visible)                                                                                                                                    |
| **Altura de línea** | Espacio entre líneas de texto                                                                                                                                                           |
| **Formato**         | Negrita, cursiva, subrayado, tachado, mayúsculas                                                                                                                                        |

## Artículos relacionados

* [Visión general del editor](/es/editor/editor-overview)
* [Panel de estilos](/es/editor/styling-panel)
* [Panel de árbol](/es/editor/tree-panel)