What is different between margin and padding?

Answer 1

margin is the space an element take from its outside and padding is the space it takes from inside.

Answer 2

Margin is the space between the border of the element with the border of other elements whereas padding is the area between the content and border of the element

Answer 3

Padding is space between content and border. Margin is space between border and another element.
Suppose a box has a object inside it, here six walls of box is border and object inside it is content for CSS. Padding is space between object and walls of box(there may be different padding/space from different sides). If you keep that box in your cupboard little bit away from another box or even wall of cupboard, that space is margin of box.

Answer 4

Padding is physical white space that objects obey. Margin is transparent space where other objects can be placed

Answer 5

if you ad a background color it will cover padding and not margin.

Answer 6

Basically margin is the outer most part of a box model. Padding is deep inside coming only after the border.

Answer 7

margin is the space taken before the border of a box & padding is the space specified inside of a box

Answer 8

Margin represent the space between elements. whereas padding is a space inside the element which holds the content away from the edges of the box.

Answer 9

No difference. both are spacing left out from edges of, say, a paper, a square, a box, a division etc, so that your contents won't get too close , and looks better!