Can anyone explain in details the difference between "margin" and "padding" in css.....

Question

web design

Answer 1

Padding is the space that's inside the element between the element and the border. Padding goes around all four sides of the content and you can target and change the padding for each side with CSS. Margin is the space between the border and next element.

https://stackoverflow.com/questions/5958699/difference-between-margin-and-padding

Answer 2

let us assume that the our content is in the square box. Now the the distance or space of the content from the border of that box is called padding while margin refers to the distance of the border of box from layout of page(page is of square or rectangle shape.