1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
40 lines
841 B
Markdown
40 lines
841 B
Markdown
---
|
|
title: Adjust the Margin of an Element
|
|
---
|
|
# Adjust the Margin of an Element
|
|
|
|
---
|
|
## Problem Explanation
|
|
Adjusting the `Margin` of an `Element` means to increase or decrease the amount of spacing between the Element's borders and surrounding Elements.
|
|
|
|
• Margins are adjusted with positive and negative integers by units of pixels(`px`).
|
|
|
|
• Margins can be created from all directions (top, bottom, left, right).
|
|
|
|
This is an example of how it is written:
|
|
```css
|
|
margin: 20px;
|
|
```
|
|
|
|
You can easily change or adjust the `Margin` of an `Element` by changing the numerical value:
|
|
|
|
<b>Before</b>:
|
|
|
|
margin: `20`px;
|
|
|
|
<b>After</b>:
|
|
|
|
margin: `50`px;
|
|
|
|
You can also create a custom `class` with a `margin` that you will use repetitively.
|
|
|
|
```css
|
|
.style-margin {
|
|
margin: 20px;
|
|
}
|
|
```
|
|
|
|
```html
|
|
<h2 class="style-margin">Example</h2>
|
|
```
|