# Margin

The margin will add additional space around the current block.

### Margin (Left & Right)

#### No Margin

The block fills it's width (in this case, 100%).

[![image.png](https://bookstack.iconography.co.uk/uploads/images/gallery/2024-11/scaled-1680-/LjWimage.png)](https://bookstack.iconography.co.uk/uploads/images/gallery/2024-11/LjWimage.png)

#### With Margin

The width of the block is reduced by the left/right margin (in this case, 75px).

[![image.png](https://bookstack.iconography.co.uk/uploads/images/gallery/2024-11/scaled-1680-/pSpimage.png)](https://bookstack.iconography.co.uk/uploads/images/gallery/2024-11/pSpimage.png)

### Margin (Top & Bottom)

#### No Margin

The blocks are touching, with no gaps.

[![image.png](https://bookstack.iconography.co.uk/uploads/images/gallery/2024-11/scaled-1680-/E7Nimage.png)](https://bookstack.iconography.co.uk/uploads/images/gallery/2024-11/E7Nimage.png)

#### With Margin

There is now a gap between the blocks.

[![image.png](https://bookstack.iconography.co.uk/uploads/images/gallery/2024-11/scaled-1680-/cDhimage.png)](https://bookstack.iconography.co.uk/uploads/images/gallery/2024-11/cDhimage.png)