Правая панель “Положение и размер. Margin и Padding”

Данная кнопка включает расширенные настройки!

Margin

Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента.

Padding

Устанавливает значение полей вокруг содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.

Особенности:

Данные свойства являются основными для управления положением элементов на странице. Используйте их для того, что бы смешать блоки и их контент относительно страницы и других элементов
Внутренний отступ нужен для того, что бы при изменении padding контент внутри элемента смещался, не увеличивая при этом размеры самого элемента. Другими словами, если данная опция не будет включена, то когда вы будете изменять значения padding , то сдвиг контента внутри элемента будет происходить за счет увеличения размеров самого блока. Если же данная опция будет включена, то размер будет оставаться прежним.