---
title: "Add spacer to an email"
slug: "new-editor-add-spacer-to-an-email"
description: "A spacer makes emails look more structured and makes email content easier to perceive."
tags: ["drag and drop spacer", "email spacer"]
updated: 2026-01-13T08:33:58Z
published: 2026-01-13T08:33:58Z
canonical: "academy.insiderone.com/new-editor-add-spacer-to-an-email"
excludeFromExternalSearch: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add spacer to an email

A spacer makes emails look more structured and makes email content easier to perceive.

To set a spacer in emails, follow these steps:

1. Drag the 1-column structure into your HTML email template.

2. Drop the **Spacer** block.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%202023-04-19%20at%2012.01.15.png)

3. Double-click it to open the settings panel.

- Pick a **Block Background Color**.
- Set **Width**. The width here is measured in % by default, and you can switch it to px as well.
- Pick a **Color** and choose a **Style** for your spacer. It can be solid, dashed, or dotted.
- Set a necessary **thickness** of the spacer. To do this, set a digital value in the **Border** field by increasing or decreasing it.
- Choose a spacer **Alignment**. By default, **center** alignment is set. If you like, please change it in the alignment section.
- If necessary, set **Paddings** for the spacer block.
- Add the **Anchor Link**.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%202023-04-19%20at%2012.05.58.png)

4. Switch to the **Spacer** Mode if you need a vertical alignment. Just stretch the spacer to the desired length or specify its height in px.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/ezgif.com-gif-maker%20(2).gif)