Margins & Padding

Adding a margin creates extra space around an element while adding padding creates extra space within an element.

Value can be a number (pt: pixel ratio) or a percentage dimension (%).

This input is based on the Box Model.

You can adjust the Margin by typing in a value in the outer ring and you can adjust the Padding by typing in a value in the inner ring.

Aditional Resources