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

# Container dan kolom

> Atur tata letak dan jarak tanda tangan email Anda dengan container, tetapkan arah baris atau kolom, perataan, latar belakang, jarak, dan padding untuk setiap blok di dalamnya.

Ketika Anda memilih kontainer (seperti kolom utama atau baris), panel penataan menampilkan kontrol tata letak yang memengaruhi semua yang ada di dalamnya. Kontainer adalah tulang punggung struktural tanda tangan Anda: kontainer menentukan bagaimana blok disusun dan diberi jarak. Untuk panduan langkah demi langkah, lihat [membangun tata letak dengan kolom dan baris](/id/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 tanda tangan dengan panel styling terbuka" 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 pengaturan tata letak container dengan kontrol arah, perataan, dan padding" title="Panel pengaturan tata letak container dengan kontrol arah, perataan, dan padding" className="mx-auto" style={{ width:"27%" }} width="696" height="1762" data-path="images/container-layout-settings-panel.png" />
</Frame>

## Tata letak

| Pengaturan     | Fungsinya                                                                                                                                                                         |
| -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Direction**  | Pilih **Row** (elemen berdampingan) atau **Column** (elemen bertumpuk)                                                                                                            |
| **Alignment**  | Ratakan konten ke kiri, tengah, atau kanan di dalam container                                                                                                                     |
| **Background** | Tetapkan warna latar dengan color picker atau kode hex                                                                                                                            |
| **Gap**        | Jarak antarelemen anak di dalam container                                                                                                                                         |
| **Padding**    | Jarak antara tepi container dan kontennya. Gunakan input global untuk padding yang sama di semua sisi, atau perluas untuk menetapkan Top, Right, Bottom, dan Left secara terpisah |

<Tip>
  Gunakan **Direction → Row** dipadukan dengan **Alignment → Center** untuk menengahkan elemen secara horizontal. Misalnya, menengahkan ikon sosial dalam satu baris.
</Tip>

## Teks

Saat sebuah container memuat konten teks, bagian teks akan muncul dengan opsi font, ukuran, warna, opasitas, tinggi baris, dan format. Pengaturan ini berlaku sebagai default untuk teks di dalam container.

| Pengaturan      | Fungsinya                                                                                                                                                                        |
| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Font**        | Pilih dari [font web-safe](/id/which-fonts-can-i-use-in-my-scribe-email-signature): Helvetica, Arial, Arial Narrow, Tahoma, Georgia, Times, Garamond, Verdana, Lucida, Trebuchet |
| **Size**        | Ukuran font dalam piksel                                                                                                                                                         |
| **Color**       | Warna teks: gunakan pemilih warna atau masukkan kode hex                                                                                                                         |
| **Opacity**     | Transparansi teks (100% = sepenuhnya terlihat)                                                                                                                                   |
| **Line Height** | Jarak antar baris teks                                                                                                                                                           |
| **Formatting**  | Bold, Italic, Underline, Strikethrough, Uppercase                                                                                                                                |

## Artikel terkait

* [Ikhtisar editor](/id/editor/editor-overview)
* [Panel penataan](/id/editor/styling-panel)
* [Panel tree](/id/editor/tree-panel)