Overview
The Divider element adds horizontal or vertical lines to your email. These lines help separate sections. They also make your layout easier to scan.
You can customize each divider to match your design. Adjust the style, color, size, and alignment.
Vertical dividers are currently in BETA testing. Please reach out to tiffany@knak.com if you would like to participate.
How to Add a Divider
Drag the Divider element into your email layout.
Choose Horizontal or Vertical from the orientation layout options.
Use the right-side panel to update the divider settings.
Preview your email in both Desktop and Mobile views.
💡 Pro Tip: Use vertical dividers in multi-column layouts to clearly separate content sections. Combine with padding and alignment settings for pixel-perfect results.
Divider Settings
Style Options
You can control how the divider looks.
Line Style: Choose solid, dotted, or dashed
Color: Pick a color or enter a HEX code
Size and Spacing
You can adjust the divider size to fit your layout.
Thickness: Set the line thickness
Height: Set the total vertical space for the divider
Padding: Add space above or below the divider
For a horizontal divider, thickness affects the line weight.
For a vertical divider, height controls how tall the divider appears.
Alignment
You can place the divider where it fits best in your layout.
Align the divider left
Align the divider center
Align the divider right
You can also set different alignment options for desktop and mobile.
Responsive Design Controls
Divider settings can be adjusted separately for desktop and mobile. This gives you more control over how your email appears on different devices.
You can customize:
Height
Alignment
Padding
You can also hide a divider on desktop or mobile using the visibility settings.
Best Practices
Use horizontal dividers to separate stacked content sections
Use vertical dividers in multi-column layouts
Add padding to avoid crowded sections
Preview on desktop and mobile before sending
Need more help? Contact support via live chat using the chat bubble in the bottom right corner or email support@knak.com.