В чем разница между margin и padding?

margin — наружный отступ элемента от границ других элементов. Создает пустое пространство снаружи блока.

padding — внутренний отступ от границы элемента до его содержимого (текста, изображения и т.д.). Создает пустое пространство внутри блока.

/* Пример CSS */

.element {
  margin: 20px;  /* Наружный отступ со всех сторон */
  padding: 15px; /* Внутренний отступ со всех сторон */
  border: 1px solid black; /* Граница элемента */
}