Dividers are used to separate elements.
Want proof? View the test results to see how a divider element renders across each of the most common email clients.
Dividers help organize content into related sections. They are generally used to separate a primary hero section with secondary content or within a list of similar elements.
Copy the code below and paste it into a table within the .panel-body to create a divider in your email.
Use the code below to create a horizontal divider.Dividers look visually like a horizontal rule and are implemented using a table row.
Follow these best practices when using dividers.
- Attempt to separate content with white space first before using a divider.
- Use a light color that is visually noticeable but blends with the overall aesthetics.
Frequently Asked Questions
Answers to common questions about dividers in Email Kit.
Using too many dividers can create visual noise. To achieve a clean and modern design, either use dividers sparingly or opt for white space to separate content.
Email Kit uses a table row with a border applied in order to achieve better consistency across clients and more styling options.