الفرق بين (Padding و Margins) في تصميم الويب .. حشوة (Padding) المساحة المتروكة هي المسافة بين الصورة أو محتويات الخلية والحد الخارجي لها. في الصورة أدناه ، المساحة المتروكة هي المنطقة الصفراء حول المحتوى. في هذه الحالة ، تنتشر المساحة المتروكة تمامًا حول المحتويات : الجوانب العلوية والسفلية واليمنى واليسرى . يمكن تحديد مقدار المساحة المتروكة (بالنسبة المئوية والبكسل والنقاط وما إلى ذلك) لكل جانب ، ولا يلزم أن تكون متماثلة . بهذه الطريقة ، يمكن وضع المحتوى داخل عنصر.
الهوامش (Margins) في المقابل , هي المسافات الموجودة خارج حدود العنصر ، بين العنصر وما هو مجاور له. الهامش في الصورة هو المساحة البيضاء خارج الكائن بأكمله. مثل الحشو ، يدور الهامش تمامًا حول المحتويات . في الجوانب العلوية والسفلية واليمنى واليسرى. يمكن استخدام الهوامش لوضع divs والعناصر الأخرى على الصفحة.
