> ## 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.

# Contêineres e colunas

> Organize e espace sua assinatura de e-mail com contêineres, definindo direção em linha ou coluna, alinhamento, fundo, espaçamento e preenchimento para cada bloco interno.

Quando você seleciona um contêiner (como a coluna principal ou uma linha), o painel de estilos mostra controles de layout que afetam tudo dentro dele. Os contêineres são a espinha dorsal estrutural da sua assinatura: eles determinam como os blocos são organizados e espaçados. Para um passo a passo detalhado, veja [como criar layouts com colunas e linhas](/pt-BR/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 assinatura com o painel de estilo aberto" 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="Painel de configurações de layout do contêiner com controles de direção, alinhamento e preenchimento" title="Painel de configurações de layout do contêiner com controles de direção, alinhamento e preenchimento" className="mx-auto" style={{ width:"27%" }} width="696" height="1762" data-path="images/container-layout-settings-panel.png" />
</Frame>

## Layout

| Configuração      | O que faz                                                                                                                                                                                 |
| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Direção**       | Escolha **Linha** (elementos lado a lado) ou **Coluna** (elementos empilhados)                                                                                                            |
| **Alinhamento**   | Alinhe o conteúdo à esquerda, ao centro ou à direita dentro do contêiner                                                                                                                  |
| **Fundo**         | Defina uma cor de fundo usando o seletor de cores ou um código hexadecimal                                                                                                                |
| **Espaçamento**   | Espaço entre os elementos filhos dentro do contêiner                                                                                                                                      |
| **Preenchimento** | Espaço entre a borda do contêiner e seu conteúdo. Use o campo global para um preenchimento igual em todos os lados ou expanda para definir Topo, Direita, Base e Esquerda individualmente |

<Tip>
  Use **Direção → Linha** combinada com **Alinhamento → Centro** para centralizar elementos horizontalmente. Por exemplo, centralizar ícones de redes sociais em uma linha.
</Tip>

## Texto

Quando um contêiner inclui conteúdo de texto, a seção de texto aparece com opções de fonte, tamanho, cor, opacidade, altura da linha e formatação. Essas configurações se aplicam como padrão ao texto dentro do contêiner.

| Configuração        | O que faz                                                                                                                                                                                |
| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Fonte**           | Escolha entre [fontes web-safe](/pt-BR/which-fonts-can-i-use-in-my-scribe-email-signature): Helvetica, Arial, Arial Narrow, Tahoma, Georgia, Times, Garamond, Verdana, Lucida, Trebuchet |
| **Tamanho**         | Tamanho da fonte em pixels                                                                                                                                                               |
| **Cor**             | Cor do texto: use o seletor de cores ou digite um código hexadecimal                                                                                                                     |
| **Opacidade**       | Transparência do texto (100% = totalmente visível)                                                                                                                                       |
| **Altura da linha** | Espaço entre as linhas do texto                                                                                                                                                          |
| **Formatação**      | Negrito, itálico, sublinhado, tachado, maiúsculas                                                                                                                                        |

## Artigos relacionados

* [Visão geral do editor](/pt-BR/editor/editor-overview)
* [Painel de estilos](/pt-BR/editor/styling-panel)
* [Painel de árvore](/pt-BR/editor/tree-panel)