Adding space in between layout blocks

Space it out

You’ll notice that your new layout block is very close to the top of the next layout block. This makes the design look a bit cramped. To add a bit of space in between the two blocks, we’ll use dividers:

Go back to the Contents panel and drag the spacing layout block in between the two content layout blocks.

We need to add space in between these two layout blocks.

You can then fine-tune the size of the divider by dragging the line above or between it. It should look right with about 30 pixels between the two layout blocks.

“Spacing before” or “Spacing After”

You can use “Spacing before” or “Spacing After” to add space before or after layout blocks with text areas. You will find this by first selecting a text area. Then, on the right hand side of the window within the “Style” tab section, you will find “Spacing before” and “Spacing After” after where it says “Line Height.” Increase or decrease the pt to adjust the spacing before or after the selected layout block.


Search through the manual

A Quick Tour of Mail Designer 365
Layout Blocks
Image Areas
Graphics and Other Objects
Working with Text
Text Styles
Creative Tools
Working with Links and Buttons
Blend Modes
Preview your Design
Optimizing your Template for Mobile
Plain Text
The Inbox View
Using Retina Images with your Design
Preparing your Design for Sending
Setting Up Mail Designer 365 for Sending
Send via Mail Designer 365
Advanced Design Techniques
Sharing your Designs
HTML Export
Exporting a Design to MailChimp
Exporting a Design to Campaign Monitor
Appendix: Compatibility
Appendix: Keyboard Shortcuts