---
title: Spacing
description: PaperCSS Spacing
---
### Margin
<div class="row flex-spaces child-borders">
  <div class="sm-3 col margin">Margin</div>
  <div class="sm-3 col margin-large">Margin-large</div>
  <div class="sm-3 col margin-top-small">Margin-top-small</div>
</div>

#### Code:

```html
<div class="row flex-spaces child-borders">
  <div class="sm-3 col margin">Margin</div>
  <div class="sm-3 col margin-large">Margin-large</div>
  <div class="sm-3 col margin-top-small">Margin-top-small</div>
</div>
```

### Padding

<div class="row flex-spaces child-borders">
  <div class="sm-3 col padding-small">Padding-small</div>
  <div class="sm-3 col padding-none">Padding-none</div>
  <div class="sm-3 col padding-left-large">Padding-left-large</div>
</div>

#### Code:

```html
<div class="row flex-spaces child-borders">
  <div class="sm-3 col padding-small">Padding-small</div>
  <div class="sm-3 col padding-none">Padding-none</div>
  <div class="sm-3 col padding-left-large">Padding-left-large</div>
</div>
```
