Okej, nu ska vi se hur jag kan förklara detta, bilden säger det mesta.
Många blandar ihop margin och padding och de vet framförallt inte vilken ordning alla värden man ger är.

Jag börjar med att förklara margin och padding.

• Margin: är det luftutrymme du anger om du vill att en ruta tex ska ha mellanrum från en annan box, eller om texten ska vara längre ifrån en annan som inte tillhör samma div eller class (eller vad man nu använder). Den påverkar utifrån innehållet så att säga. Bakgrundsfärgen i denna div skall inte påverkas.
  
• Padding: flyttar innehållet från kanterna eller vad man säger. Mellanrummet går alltså inåt. Bakgrundsfärgen i denna div fyller ut det värde du anger.

Vilken ordning ligger alla värden på?
Tänk dig att du har en klocka, det första du anger är kl 12 (top), andra kl 3 (right), tredje kl 6 (bottom) och den fjärde och sista kl 9 (left). Då man väl vet detta så är det inte krångligt alls att minnas, det är bara att räkna utefter klockan.

Hoppas denna guide är hjälpsam, berätta gärna om den varit hjälpsam för dig.

> Design tips 17:43, 7 december 2009