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 you see the dots around the container's frame. Now go to the left sidebar and click on the “Spacing” drop down, then 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.

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.

Did this answer your question?