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
34 lines
590 B
Markdown
34 lines
590 B
Markdown
---
|
|
title: Add Different Margins to Each Side of an Element
|
|
---
|
|
# Add Different Margins to Each Side of an Element
|
|
|
|
---
|
|
## Problem Explanation
|
|
To adjust the margins of an element use:
|
|
|
|
```css
|
|
.example {
|
|
margin: 10px;
|
|
}
|
|
```
|
|
|
|
To specify margins sizes on an element by individual sides we can use 'margin-top', 'margin-right', 'margin-bottom', and 'margin left'. We can use any of these in combination and in any order. For example:
|
|
|
|
```css
|
|
.example {
|
|
margin-top: 5px;
|
|
margin-bottom: 0px;
|
|
}
|
|
```
|
|
|
|
Or:
|
|
|
|
```css
|
|
.example {
|
|
margin-top: 20px;
|
|
margin-left: 25px;
|
|
margin-right: 5px;
|
|
}
|
|
```
|