У элемента есть четыре стороны: right, left, top и bottom. Поля margin это расстояние от каждой стороны до соседних элементов (или краёв документа). См. также диаграмму в части 9.
В качестве первого примера мы разберёмся, как определить поля самогó документа, т. е. элемента <body>. На иллюстрации показано, какие поля нам нужны
CSS-код для этого примера выглядит так:
Или вы можете написать более элегантно:
Вы можете установить поля примерно таким же образом почти для любого элемента. Например, мы можем определить поля для всех параграфов <p>: