freeCodeCamp/guide/portuguese/certifications/responsive-web-design/basic-css/add-different-padding-to-ea.../index.md

717 B

title localeTitle
Add Different Padding to Each Side of an Element 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:

.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:

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

Ou:

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