margin создает отступ снаружи элемента, вокруг его границы. Он не влияет на размер содержимого элемента.
padding создает отступ внутри элемента, между его границей и содержимым. Он увеличивает общий размер элемента (если box-sizing не установлен в border-box).
cssСхематично:
plaintext