How To Add A Horizontal Line to WordPress Posts/Pages

One of the great ways to break your post content into different sections is by using horizontal dividers. They keep the page organized and appealing to the readers.

The reader can easily find and navigate through your content if it has horizontal line separators.

In this article, I’ll show you how to add a horizontal line to your WordPress posts and pages. Let’s get started.

Adding Horizontal Line In Gutenberg Editor

Adding a horizontal line in WordPress Gutenberg editor is very simple and takes less than a minute.

Here’s how you can add a horizontal separator.

In the Gutenberg editor, click on the (+) icon to add a new block. Search for the ‘Separator’ block and add it to your post/page.

Separator Block in Gutenberg

After you add the horizontal separator block, you’ll see a horizontal line added in your post content.

Horizontal Line

Note: The appearance of the horizontal separator block may vary depending on the theme you have installed on your website.

Gutenberg allows you to customize and style the separator. To do that, click on the separator block and navigate to the style settings of the block shown in the right sidebar.

You’ll see the different styles available you can choose for the horizontal line separator.

Separator Block Setting

You can also choose a color for the separator block.

That’s all!

Adding a horizontal line is very simple in Gutenberg. The separator block is very simple and has decent styling options.

But if you want more customization and styling options for the horizontal line, then you can check out the Divider Block in Ultimate Blocks WordPress plugin.

This block also lets you add a horizontal line to your posts and page. What’s great about this block is that you get more customization options.

You can change the color, thickness, and the height of the separator. This way, you can create more appealing dividers for your content and engage with your audience in a much better way.

Divider Block Setting

And since Ultimate Blocks is completely free, you don’t have to worry about spending any money for a simple block.


So, that’s how you can add a horizontal line to WordPress posts and pages. It’s very easy to add a horizontal line.

You can use the default separator block that comes with the Gutenberg editor or you can use the Divider block from Ultimate Blocks if you want more control over the separator.

If you have any questions about this tutorial, feel free to comment below.

Leave a Comment

Your email address will not be published. Required fields are marked *

Copy link
Powered by Social Snap