---
id: bad88fee1348bd9aedf08825
title: Adjust the Padding of an Element
challengeType: 0
guideUrl: 'https://russian.freecodecamp.org/guide/certificates/adjust-the-padding-of-an-element'
videoUrl: ''
localeTitle: Отрегулируйте прокладку элемента
---
## Description
Теперь давайте немного отложим наше приложение для фотоаппарата Cat, и узнаем больше о стилизации HTML. Возможно, вы это уже заметили, но все элементы HTML по существу представляют собой небольшие прямоугольники. Три важных свойства управляют пространством, которое окружает каждый элемент HTML: padding
, margin
и border
. Элемент в padding
контролирует объем пространства между содержимым элемента и его border
. Здесь мы видим, что синий ящик и красный ящик вложены в желтый квадрат. Обратите внимание, что красное поле имеет больше padding
чем синий. При увеличении синей коробке в padding
, это увеличит расстояние ( padding
) между текстом и границей вокруг него.
## Instructions
Измените padding
синего квадрата в соответствии с вашим красным полем.
## Tests
```yml
tests:
- text: Ваш класс blue-box
должен давать элементы 20px
padding
.
testString: 'assert($(".blue-box").css("padding-top") === "20px", "Your blue-box
class should give elements 20px
of padding
.");'
```
## Challenge Seed
```html
margin
padding
padding
```
## Solution
```js
// solution required
```