Как сделать отступы по краям элемента на CSS
Отступы в веб-дизайне: правило 8 пикселей и зачем оно нужно
Отступы в веб-дизайне часто воспринимают как пустое пространство — то, что остаётся, когда расставили элементы. На деле это самостоятельный инструмент, который определяет, читается ли интерфейс как продуманная система или как набор случайно расположенных блоков. Отступы решают сразу три задачи. Они создают визуальную иерархию — элементы, расположенные ближе друг к другу, воспринимаются как логически связанные, а удалённые — как самостоятельные блоки. Они помогают ориентироваться в интерфейсе — понятно, где заканчивается одна секция и начинается другая...