freeCodeCamp/guide/portuguese/certifications/responsive-web-design/basic-css/adjust-the-padding-of-an-element/index.md

---
title: Adjust the Padding of an Element
localeTitle: Ajustar o preenchimento de um elemento
---
## Ajustar o preenchimento de um elemento

Preenchimento é o espaçamento entre o conteúdo e a borda de um Elemento.

• Existe espaçamento entre o topo, a base, a esquerda e a direita.

• O espaçamento é um valor numérico que aumenta ou diminui por unidades de pixels que são escritas como `px` .

Para ajustar o preenchimento de um elemento, use:

```css
padding: 10px; 
```

Para criar Padding como uma classe para um Element específico, use:

```css
.example-Padding { 
  padding: 10px 
 { 
```

Para aplicar essa classe ao campo apropriado, use:

```html

<div class="example-Padding"> 
 <p> Example Text </p> 
 </div> 
```

**Para ajustar o preenchimento de um elemento** , use:

preenchimento: `10` px;

Agora modifique o valor numérico para o valor desejado.

preenchimento: `50` px;