---
title: Add Different Margins to Each Side of an Element
---
## Add Different Margins to Each Side of an Element

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;
}
```