Styling in Designer: Inner Padding & Outer Margin

Inner Padding controls the amount of empty space around either an entire design block or an individual content block. The example below shows inner padding applied to a Key Selling Points content block to create space between it and the Descriptive Summary.

Before:

After:

Outer Margin works in much the same way but is more relevant when you’ve added a border to a content block or design block. When a border is present, adding an outer margin allows you to control the amount of space between the border and the elements outside of it.

To adjust the space between the element and its border, use inner padding.