What is the difference between margin and padding?

margin — the outer margin of an element from the borders of other elements. Creates empty space outside the block.

padding — the inner space from the border of the element to its content (text, image, etc.). Creates empty space inside the block.

/* Example CSS */

.element {
  margin: 20px;  /* Outer margin on all sides */
  padding: 15px; /* Inner space on all sides */
  border: 1px solid black; /* Element border */
}