> 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/margins.md).

# Margins

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

Adjusting “**margins**” will change the space around elements.

![1 px margin — gap between boxes](/files/vcfKjUy4jlWSasnp5wDJ) ![5 px margin — gap between boxes](/files/1lmsPJNm1CwBBZXUK1CS) ![10 px margin — gap between elements](/files/UTrlT4iViuoVoEB39WnR) ![20 px margin — gap between elements](/files/5iiGPNOZThYgTd7oQhJK)

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

* top margin
* right margin
* bottom margin
* left margin

```jsx
"margin": "0.2rem", // a single value means space is equal
```

### Other values:

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

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

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

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

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

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

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

```javascript
"margin": "0", // no margins around the element
```