1
HTML/CSSAdvanced#css#box-model
HTML/CSSBeginner#css#box-model
What is the difference between margin and padding?
Margin is the transparent space outside an element's border, used to separate it from other elements and can collapse between adjacent vertical margins. Padding is space inside the border, between the border and the content, and never collapses.
Example
.card {
padding: 16px; /* space inside the border, around content */
margin: 24px 0; /* space outside, between this card and siblings */
}