---
title: Adjust the Margin of an Element
localeTitle: Ajustar a margem de um elemento
---
## Ajustar a margem de um elemento

Ajustar a `Margin` de um `Element` significa aumentar ou diminuir a quantidade de espaçamento entre as bordas do Elemento e os Elementos adjacentes.

• As margens são ajustadas com inteiros positivos e negativos por unidades de pixels ( `px` ).

• As margens podem ser criadas em todas as direções (superior, inferior, esquerda, direita).

Este é um exemplo de como está escrito:

```css
margin: 20px; 
```

Você pode alterar ou ajustar facilmente a `Margin` de um `Element` alterando o valor numérico:

**Antes** :

margem: `20` px;

**Depois** :

margem: `50` px;

Você também pode criar uma `class` personalizada com uma `margin` que será usada repetidamente.

```css
  .style-margin { 
    margin: 20px; 
  } 
```

```html

<h2 class="style-margin">Example</h2> 

```