Padding och marginal (margin) är två grundläggande CSS-egenskaper som styr avstånd i webbdesign och förbättrar elementens layout och utseende. När padding och marginal används rätt blir webbplatser snygga, ordnade och användarvänliga, eftersom innehållet får bra avstånd och fungerar på olika enheter.
Padding är det inre utrymmet mellan ett elements innehåll och dess ram, som ger luft inne i själva elementet. Padding runt text gör till exempel att texten inte når kanterna på behållaren, vilket gör den lättare att läsa.
Marginal är det yttre utrymmet mellan ett elements ram och elementen runt omkring. Den skapar avstånd så att komponenterna inte ser röriga ut och ger layouten en bättre struktur.