Разница между внутренними и внешними отступами в HTML заключается в их расположении:
- Внутренний отступ — это пустое пространство между содержимым элемента и его рамкой (если она установлена). 1 Такой отступ принадлежит самому элементу и находится внутри него. 2 Для добавления и управления шириной внутренних отступов со всех четырёх сторон элемента используется свойство padding. 1
- Внешний отступ — это пустое пространство, отделяющее элемент от других элементов или краёв окна браузера. 1 Такой отступ находится вне элемента. 2 Для добавления и управления шириной внешних отступов со всех четырёх сторон элемента используется свойство margin. 1
Например, в ячейке HTML-таблицы, заполненной текстом, внутренний отступ — это расстояние между воображаемой границей ячейки и содержащимся в ней текстом, а внешний отступ — расстояние между границами соседних ячеек. 2