---
title: "Add spacer to an email"
slug: "email-drag-and-drop-editor-add-spacer-to-an-email"
description: "Explains how to add spacer blocks in the Drag & Drop Editor to control email layout, spacing, alignment, and visual consistency across devices."
tags: ["drag and drop spacer", "email spacer"]
updated: 2026-02-16T07:53:21Z
published: 2026-02-16T07:53:21Z
canonical: "academy.insiderone.com/email-drag-and-drop-editor-add-spacer-to-an-email"
---

> ## 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 the email content easier to perceive.

To set a spacer in emails, follow these steps:

1. Drag a **1-column** structure into your HTML email template.

![Column](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2015-07-35.png)2. Drop the **Spacer** block.

![Spacer block](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2015-08-06.png)3. Double-click to activate the settings panel. 4. Set its color. 5. To set the **thickness** of your space, set the **number** (increase/decrease) in the **Line** section.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2015-10-00.png)6. Choose the style of your line. It can be solid, dashed, or dotted.

![New Drag & Drop 52(1)](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2015-10-53.png)

7. Set the spacer's width. The width is measured as a percentage, not pixels.

![New Drag & Drop H4 14](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2015-11-52.png)

8. Specify spacer alignment. Center alignment is set by default. You can change it in the alignment section if you like. 9. Toggle the **responsive spacer** button for a spacer to render properly on mobile devices. 10. You can adjust the paddings for each side separately if necessary.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2015-13-04.png)