В веб-дизайне применяются следующие виды отступов:

1. Внешние (margin). 13 Это отступы между элементами, которые выделяют текстовый модуль на фоне остальных объектов пространства. 2 Например, книжные поля — яркий пример внешних отступов. 2
2. Внутренние (padding). 13 Это отступы внутри любого контейнера от его границ. 3 Например, межстрочный интервал текстового блока. 2

При распределении отступов действует правило: внешний отступ всегда больше, чем внутренний. 12

Также в веб-дизайне могут использоваться квадратный отступ (Square Inset) в контейнерах, стеки в контенте (сверху — 2px, снизу — 0, 4, 8, 16px в зависимости от вида контента) и строчные отступы в компонентах (в большинстве случаев — 8px, редко — 4px, когда элементы связаны). 4