Spacing - Style Editor

Spacing - Style Editor

This tool helps you add padding and margins to your elements.

 

• Enable Even padding for all sides to evenly space the components within that element. You can also adjust the same using the arrows below.

• Enable Even margin for all sides to create a space between the elements around the border. You can also adjust the margin spacing using the arrows below.
  

A margin is the space around an element’s border, while padding is the space between an element’s border and the element’s content. Put another way, the margin property controls the space outside an element, and the padding property controls the space inside an element.

The image below is a reference to understanding padding and margin better.

 

Click the Reset button at the bottom of each of these options to revert to the original design.