> For the complete documentation index, see [llms.txt](https://docs.nftembed.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.nftembed.org/custom-styling/spacing-and-orientation/padding.md).

# Padding

The majority of these settings should get left as default. However, if you feel confident, feel free to adjust and change the parameters.

When you adjust “**padding**” the space around content and borders will change.

![1 px padding — green line](/files/XBR66naPsY5bCzaG3Ejr) ![5 px padding — green line](/files/jIYWEllrwCPa298AfUqv) ![10 px padding — green line](/files/BuQKToNnW2SEui5kPCLI) ![20 px padding — green line](/files/cOoZBzcayYOeiPNaYyj5)

When unspecified, padding is applied equally around elements. The padding property has four values.

* top padding
* right padding
* bottom padding
* left padding

```jsx
"padding": "0.3rem", // a single value means space is equal
```

### Other values:

```javascript
// Use these variables for creating padding around elements
// You can use all of them or the desired side 

"padding-top": "5px", // Create padding above elements
"padding-bottom": "5px", // Create padding below elements
"padding-right": "5px", // Create padding to the right of elements
"padding-left": "5px", // Create padding to the left of elements
```

```javascript
"padding": "0.5em", // a single value means space is equal
```

```javascript
"padding": "10% 0",
```

```javascript
"padding": "10px 5px 10px", // top , sides , bottom
```

```javascript
"padding": "10px 5px 10px 5px", // top , right , bottom , left (Clockwise)
```

{% hint style="success" %}
Values can be used individually.
{% endhint %}

```javascript
"padding": "0", // no padding around the element
```