Padding en margin zijn twee basiseigenschappen in CSS waarmee je de ruimte in webdesign regelt. Ze verbeteren de lay-out en het uiterlijk van onderdelen. Als je padding en margin goed gebruikt, wordt een website mooier, overzichtelijker en gebruiksvriendelijker, omdat content op elk apparaat genoeg ruimte heeft en goed bereikbaar is.
Padding is de ruimte binnen een element, tussen de inhoud en de rand. Zo krijgt de inhoud ademruimte binnen het element zelf. Padding rond tekst zorgt bijvoorbeeld dat de tekst de randen van het blok niet raakt, wat beter leest.
Margin is de ruimte buiten een element, tussen de rand en de onderdelen eromheen. Het zorgt voor afstand, zodat onderdelen niet op elkaar gepropt lijken en de lay-out beter gestructureerd is.