Как сделать внутренний отступ в css

В CSS внутренний отступ (padding) задается с помощью свойства padding, которое определяет расстояние между границей элемента и его содержимым.

Значения свойства могут быть заданы в разных единицах, например, пикселях (px), процентах (%), точках (pt) и других.

Например, чтобы задать внутренний отступ в 10 пикселей для элемента <div>, можно использовать такой CSS код:

div {
  padding: 10px;
}

В этом примере свойство padding задает внутренний отступ в 10 пикселей для всех сторон элемента (верхнего, правого, нижнего и левого).

Если нужно задать отступы только для конкретных сторон, то можно использовать четыре значения свойства padding в порядке: верхнее, правое, нижнее, левое. Например:

div {
  padding: 10px 5px; /* верхнее и нижнее 10 пикселей, правое и левое 5 пикселей */
}

В этом примере отступ верхней и нижней сторон будет 10 пикселей, а правой и левой — 5 пикселей.

Также можно использовать значению auto, чтобы автоматически выравнивать содержимое элемента по центру. Например:

div {
  padding: 20px auto; /* верхнее и нижнее 20 пикселей, правое и левое - авто */
}

В этом примере отступ верхней и нижней сторон будет 20 пикселей, а правой и левой — автоматическое выравнивание по центру.

Выбирайте значения отступов, которые лучше всего подходят для вашей задачи.