Using Alignment & Distribution Tools

Search through the manual

Using Alignment & Distribution Tools

Mail Designer 365's Alignment and Distribution Tools


The alignment tool in Mail Designer 365 makes it quick and easy to align design elements accurately and effectively.

Alignment tools in Mail Designer 365

To begin, click on a design element (e.g. text style, shape, image) and you will notice the alignment tools appear in the "Style" menu within the app sidebar:

Mail Designer 365 alignment tools

The control panel has two sets of controls: inner (red) and outer (blue):

Inner and outer alignment tools

The inner set of controls on the panel will centre the design element in the corresponding direction. For example, if you want to align an object top and centre of the layout block, you can do this by clicking the upwards arrow on the inner panel:

Aligning a shape top and centre

The outer set of controls on the panel allow you to shift an element to the top, bottom, right or left of the layout block without affecting the second axis:

Shifting a shape to the top of the layout

Aligning multiple design elements in an image area:

You can use the alignment tools to quickly align multiple design elements. Hold down the cmd key and select the elements you want to align, then you can align them either vertically:

or horizontally:


If you have three or more design elements in an image area, you can use distribution tool to equally distribute them. This works well for icons (i.e. when creating social media buttons) or for text styles (i.e. when creating lists.) You can distribute elements vertically:

Or horizontally:

Search through the manual

A Quick Tour of Mail Designer 365

Advanced Design Techniques

Appendix: Compatibility

Appendix: Keyboard Shortcuts



Blend Modes

Creative Tools

Exporting a Design to Campaign Monitor

Exporting a Design to Mailchimp

Graphics and Other Objects

HTML Export

Image Areas


Layout Blocks

Optimizing your Template for Mobile

Plain Text

Preparing your Design for Sending

Preview your Design

Send via Mail Designer 365

Sharing your Designs



Text Styles

The Inbox View

Using Retina Images with your Design

Working with Links and Buttons

Working with Text


  • Articles coming soon

Privacy Settings / Datenschutz-Einstellungen