---
id: bad87fee1248bd9aedf08824
title: Add Different Margins to Each Side of an Element
challengeType: 0
videoUrl: ''
localeTitle: Добавление разных полей в каждую сторону элемента
---
## Description
Иногда вам нужно настроить элемент таким образом, чтобы он имел разный margin
на каждой из сторон. CSS позволяет вам контролировать margin
всех четырех отдельных сторон элемента с параметрами margin-top
, margin-right
, margin-bottom
и margin-left
.
## Instructions
Дайте синей коробке margin
40px
на ее верхней и левой стороне, но только 20px
на нижней и правой стороне.
## Tests
```yml
tests:
- text: Ваш blue-box
класс должен дать верхнюю часть элементов 40px
из margin
.
testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your blue-box
class should give the top of elements 40px
of margin
.");'
- text: Ваш класс blue-box
должен предоставить право элементов 20px
margin
.
testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your blue-box
class should give the right of elements 20px
of margin
.");'
- text: Ваш класс с blue-box
должен дать нижнюю часть 20px
margin
.
testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your blue-box
class should give the bottom of elements 20px
of margin
.");'
- text: Ваш класс с blue-box
должен оставить слева от элементов 40px
margin
.
testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your blue-box
class should give the left of elements 40px
of margin
.");'
```
## Challenge Seed
```html
margin
padding
padding
```
## Solution
```js
// solution required
```