Как отцентрировать div через padding

Чтобы отцентрировать div через padding, можно использовать padding вместе с box-sizing: border-box. Это гарантирует, что внутренние отступы не увеличат общий размер элемента.

.centered-div {
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
}

Если нужно центрировать контент внутри div, можно использовать padding для выравнивания по вертикали и горизонтали:

.centered-content {
  padding: 50px;
  text-align: center;
}

Важно: padding не центрирует сам div относительно родителя, а лишь создает отступы внутри него. Для центрирования блока используй margin: auto или Flexbox/Grid.