Aký je rozdiel medzi margin a padding?

margin — vonkajší okraj prvku od hraníc iných prvkov. Vytvára prázdny priestor mimo blok.

padding — vnútorný okraj od hranice prvku po jeho obsah (text, obrázok atď.). Vytvára prázdny priestor vo vnútri bloku.

/* Príklad CSS */

.element {
  margin: 20px;  /* Vonkajší okraj zo všetkých strán */
  padding: 15px; /* Vnútorný okraj zo všetkých strán */
  border: 1px solid black; /* Okraj prvku */
}