# block — Examples

## padding

```html
<block-ui padding="none" style="border:1px dashed var(--a-border);">
  <p>padding: none</p>
</block-ui>
```

## margin

```html
<div style="background:var(--a-accent-10-tint); display:inline-block;">
  <block-ui margin="none" padding="sm" style="border:1px dashed var(--a-border); background:var(--a-canvas-bg);">
    <p>margin: none</p>
  </block-ui>
</div>
```

## Combinations

```html
<div style="background:var(--a-accent-10-tint); display:inline-block;">
  <block-ui padding="lg" margin="md" style="border:1px dashed var(--a-border); background:var(--a-canvas-bg);">
    <p>padding: lg + margin: md</p>
  </block-ui>
</div>
```
