Add vertical space to a page with the Spacer web part

When you add a modern page to a site, you add and customize web parts, which are the building blocks of your page. This article describes the Spacer web part.

The Spacer web part gives you control over how much vertical space is shown between web parts.

Add the spacer web part

  1. If you're not in edit mode already, click Edit at the top right of the page.

  2. Hover your mouse above or below an existing web part or under the title region, click Circled plus sign used to add a modern web part to a page, and then select the Spacer web part.

  3. Drag the gray bar up or down for vertical space; drag the corner boxes in or out for horizontal space. Or, use the up and down arrow keys to resize.

    Spacer web part in edit mode

Need more help?

Expand your skills
Explore Training
Get new features first
Join Microsoft Insiders

Was this information helpful?

What affected your experience?

Thank you for your feedback!