A margók és a kitöltés zavaróak lehetnek, mert bizonyos tekintetben ugyanaznak tűnnek: fehér szóközök egy kép vagy objektum körül. Itt van, amit webdizájnerként tudnia kell a különbségeikről.
Padding
A kitöltés a kép vagy cella tartalma és a külső szegély közötti tér. Az alábbi képen a kitöltés a tartalom körüli sárga terület. Ebben az esetben a párnázás teljesen körülveszi a tartalmat: felső, alsó, jobb és bal oldalon. Megadhatja, hogy mennyi párnázást (százalékban, pixelben, pontban stb.) helyezzen el az egyes oldalakon, és ezeknek nem kell azonosnak lenniük. Ily módon elhelyezheti a tartalmat egy elemen belül.
Margók
Ezzel szemben a margók egy elem határán kívüli terek, az elem és a vele szomszédos elemek között. A képen a margó a teljes objektumon kívüli fehér terület. A kitöltéshez hasonlóan ebben a példában a margó teljesen körülveszi a tartalmat: a felső, az alsó, a jobb és a bal oldalon. A margókat használhatja a div és egyéb elemek elhelyezésére az oldalon.
Mindig tesztelje oldalait különböző böngészőkben, operációs rendszerekben (beleértve a mobileszközöket is) és képernyőméretekben, hogy megbizonyosodjon arról, hogy pontosan úgy jelennek meg, ahogy szeretné.
