Workshop Replays How-to TutorialsHow to Add Space/Padding Between Elements

How to Add Space/Padding Between Elements

In this tutorial we are going to learn how to add space between two elements or containers.

1. Add the Padding

To select an element or container simply click once inside of it. You will know is activated when your see the dots around the container's frame. Now go to the Inspector tab on the left sidebar and select the 'Padding' function. Then select where you want to have your padding added (top, bottom, left, right side or around the whole container) and add the space in pixels. In the example below we are going to add a 50 pixel padding to the bottom of the image.

1. Add the Padding

2. Adding Padding Between Paragraphs

In the example below we can see how by repeating the same process as above described, we can add spacing between two paragraphs. We have also used a 50 pixel padding to the bottom of the paragraph.

2. Adding Padding Between Paragraphs