When designing layouts, it is important to be conscious of each of these. Using consistent padding, margins and spacing values creates a sense of cohesiveness between the elements.
An element’s padding area is the space between its content and its border. Padding creates extra space within an element.
An element’s margin area is the space beyond its padding and border. Margins create extra space around an element.