УРОК 42 ИЗ 100

Добавьте внутренний отступ с padding

Создайте пространство между содержимым панели и её границей.

Официальный источникW3C CSS Box Model — paddingПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

Как это работает

Padding расположен между содержимым и границей. Два значения в сокращении padding означают сначала вертикальный, затем горизонтальный отступ.

Правильный пример
.panel { padding: 16px 24px; }

Панель получает 16px сверху и снизу и 24px слева и справа.

Частая ошибка
.panel { padding: 0; }

Нулевой padding прижимает содержимое к краю блока.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Дополните правило для .panel: padding: 16px 24px.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Объявление padding использует значение 16px 24px.
  • Целевой элемент присутствует на странице.
Объясните логику решения

Селектор находит элемент, а объявление padding: 16px 24px применяет требуемое поведение.