1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
35 lines
617 B
Markdown
35 lines
617 B
Markdown
---
|
||
title: Add Different Padding to Each Side of an Element
|
||
---
|
||
# Add Different Padding to Each Side of an Element
|
||
|
||
---
|
||
## Problem Explanation
|
||
|
||
To adjust the padding of an element use:
|
||
|
||
```css
|
||
.example {
|
||
padding: 10px;
|
||
}
|
||
```
|
||
|
||
To specify padding sizes on an element by individual sides we can use ‘padding-top’, ‘padding-right’, ‘padding-bottom’, and ‘padding-left’. We can use any of these in combination and in any order. For example:
|
||
|
||
```css
|
||
.example {
|
||
padding-top: 5px;
|
||
padding-bottom: 0px;
|
||
}
|
||
```
|
||
|
||
Or:
|
||
|
||
```css
|
||
.example {
|
||
padding-top: 20px;
|
||
padding-left: 25px;
|
||
padding-right: 5px;
|
||
}
|
||
```
|