Position, Margin, and Padding

All positions of elements in Margin and Padding work. 🎓

Margin refers to the outer space of an element. If we define a top-margin of 10px, it means that the space between the top of this element and the bottom of the element above will be 10px.

Padding is the inner space of an element.  Therefore, if we define a top-padding of 10px, it means that the space inside the element, between its top border and the content of the element, will be 10px.

Changing the padding is super easy. 😍 Just hover over an element and four small square handles will appear on each direction of the element. Dragging them will automatically adjust and set the padding.


You can set the Margin and Padding by clicking the  icon within the element's toolbar.


Margin and Padding highlight when editing for easy viewing