Margin & padding מה זה?

Padding - זהו רווח סביב התוכן. עובי רווח זה כלול בתוך גודל האובייקט.

Margin - זהו רווח סביב גבולות האלמנט.

Borded - גבול סביב האובייקט. עובי הגבול כלול בגודל האובייקט.

משמעות הדבר היא שאם הרוחב העומד לרשותנו הוא לדוגמה 400px , רוחב האובייקט עצמו יצטרך להיות קטן יותר.