When to use margin vs padding in CSS [closed]

Answer 1

I always use this principle:

This is the box model from the inspect element feature in Firefox. It works like an onion:

• Your content is in the middle.
• Padding is space between your content and edge of the tag it is inside.
• The border and its specifications
• The margin is the space around the tag.

So bigger margins will make more space around the box that contains your content.

Larger padding will increase the space between your content and the box of which it is inside.

Neither of them will increase or decrease the size of the box if it is set to a specific value.