Divider & Spacer
Two utility blocks for visual structure and spacing.
Divider
A horizontal line that separates content sections.
| Property | Options |
|---|---|
| Color | Line color (default: #DDDDDD) |
| Thickness | Line width in pixels (1-5) |
| Width | Full width or percentage |
| Margin | Space above and below the line |
Spacer
Invisible vertical space between blocks.
| Property | Options |
|---|---|
| Height | Space in pixels (10-100) |
When to use
| Situation | Use |
|---|---|
| Between major sections | Divider (visual break) |
| Between paragraphs that need more air | Spacer (invisible gap) |
| Before the footer | Divider (clear separation) |
| After the hero, before content | Spacer (breathe room) |
Tip
Use Spacers over margin/padding when you need precise control over spacing. Spacers render consistently across email clients, while CSS margin sometimes behaves differently in Outlook.