Margin: Margin är de gråa pilarna på bilden. Det är alltså avståndet mellan tex menyn och content. Avståndet anges i px. (pixlar)

Man kan skriva:
margin: 0px;     <--- Här så kommer varje sida (top, right, bottom & left) ha avståndet 0px.
eller
margin: 0px 10px 0px 10px;   <--- Här så kommer right och left vara på avståndet 10px.

Om man skriver som ovan, ifrån vänster så kommer top, right, bottom och left. Alltså så ändrar man avståndet på olika sidor. (Om man nu vill det, man får prova sig fram så man får det som man vill)

Padding: Padding är de rosa pilarna. Det är avståndet i en "box", avståndet ifrån texten till boxens kant. Tex. i content där du skriver dina inlägg. Avståndet anges också här i px.


Här skriver man som i margin, se ovan, fast byt ut margin ---> padding istället. ;)




Jag hoppas att detta hjälper dig att förstå Margin-Padding.