How To Add A Horizontal Line Separator in WordPress

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

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

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

Adding Horizontal Line Using ‘Separator’ Block

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

Here’s how you can add a horizontal separator.

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

Once you’ve added the block, you’ll see a horizontal line added in your post content. (The appearance of the line may vary depending on the theme you’re using.

You can change the style of the line from the block options in the right hand side.

You can also change the horizontal line color from there.

That’s it. You’re done.

Adding Horizontal Line Using ‘Divider’ Block by Ultimate Blocks

The great thing about the Block editor is, you can extend the functionality of it by using a blocks plugin.

One of the such plugins is Ultimate Blocks. It has 20+ blocks including the ‘Divider‘ block that lets you add a horizontal line with more customization options.

Once you’ve installed the plugin, go to the WordPress editor and click on (+) sign and search for ‘Divider’.

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.

And that’s you’re done.


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

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.


Easy WP Tweaks

10X Your Site Growth!

Join the growing library of Easy WP Tweaks to grow your WordPress site.

Leave a Comment

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