---
id: bad87fee1348bd9aedf08823
title: Add a Negative Margin to an Element
challengeType: 0
guideUrl: 'https://www.freecodecamp.org/guide/certificates/add-a-negative-margin-to-an-element'
videoUrl: 'https://scrimba.com/c/cnpyGs3'
---
## Description
An element's margin
controls the amount of space between an element's border
and surrounding elements.
If you set an element's margin
to a negative value, the element will grow larger.
## Instructions
Try to set the margin
to a negative value like the one for the red box.
Change the margin
of the blue box to -15px
, so it fills the entire horizontal width of the yellow box around it.
## Tests
```yml
tests:
- text: Your blue-box
class should give elements -15px
of margin
.
testString: assert($(".blue-box").css("margin-top") === "-15px", 'Your blue-box
class should give elements -15px
of margin
.');
```
## Challenge Seed
```html
padding
padding
```
## Solution
```html
padding
padding
```