Skip to main content

Adding space in between layout blocks

You are here:

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.


A Quick Tour of Mail Designer 365

Advanced Design Techniques


Blend Modes


Configuring Text Styles

Creative Tools

Editing Text

Graphics and Other Objects

HTML Export

Image Areas


Layout Blocks

Links and Buttons

Optimizing your Template for Mobile

Other Sharing Options

Plain Text

Preparing your Design for Sending

Preview your Design



Using Retina Images with your Design

Privacy Settings / Datenschutz-Einstellungen