Padding and Margin

Padding creates a margin inside an element:

http://www.w3schools.com/css/tryit.asp?filename=trycss_padding_shorthand

A margin is on the outside:

http://www.w3schools.com/css/tryit.asp?filename=trycss_margin_sides

Padding goes inside an element and (generally) expands the size of the element, margin is the space outside the element and pushes the element away from other elements.

Here's a bad analogy:

Think of padding as pillows going into a box, the more pillows go in, the more the box has to expand to accommodate them.**

Think of margin as having two boxes -- when you're pushing them away from each other, you're increasing the margin between those elements.

** Unless you're using box-sizing:border-box; but that's something else.

i got it thanks !