Padding og margin er to grundlæggende CSS-egenskaber, der styrer afstande i webdesign og forbedrer layoutet og udseendet af elementer. Når du bruger padding og margin korrekt, bliver hjemmesider flotte, overskuelige og brugervenlige, fordi indholdet har god luft og er tilgængeligt på forskellige enheder.
Padding er afstanden inden i elementet, mellem indholdet og elementets kant, så der er luft i selve elementet. Padding omkring tekst sikrer for eksempel, at den ikke rører kanterne af beholderen, og det gør den lettere at læse.
Margin er afstanden uden for elementet, mellem dets kant og de omkringliggende elementer. Den skaber adskillelse, så komponenterne ikke ser rodede ud, og giver layoutet en bedre struktur.