---
title: Add Different Padding to Each Side of an Element
localeTitle: Adicionar preenchimento diferente a cada lado de um elemento
---
## Adicionar preenchimento diferente a cada lado de um elemento

Para ajustar o preenchimento de um elemento, use:

```css
.example { 
  padding: 10px; 
 } 
```

Para especificar tamanhos de preenchimento em um elemento por lados individuais, podemos usar 'padding-top', 'padding-right', 'padding-bottom' e 'padding-left'. Podemos usar qualquer um destes em combinação e em qualquer ordem. Por exemplo:

```css
.example { 
  padding-top: 5px; 
  padding-bottom: 0px; 
 } 
```

Ou:

```css
.example { 
  padding-top: 20px; 
  padding-left: 25px; 
  padding-right: 5px; 
 } 

```