How to Add A Horizontal Line Separator In WordPress

If you spend some time browsing the internet on a regular basis, you probably know that appearance is pretty much everything when it comes to content. I mean, no one really wants to see big walls of text after clicking on the content. If the content looks too cluttered, most of us immediately press backspace.

That’s exactly why you have to make your content more readable and organized, in short- neat. Now you may ask, how? There are many ways but one of the most effective and easiest is to add a horizontal line separator.

This will split your content into separate chunks, making your page look cleaner and more organized. And when the content is styled in this way, it is bound to grab the attention of your visitors. 

So if you need any help with this how to add a horizontal line separator in WordPress thing, let me show you the A-Z of it. In this post, you will find it all. Let’s get started!

How to Add A Horizontal Line Separator In WordPress

It’s pretty easy to add a horizontal line separator in the WordPress block editor. You can use the built-in Separator block to do it, and the best part is the whole process doesn’t even take a full minute to get done.

To add the horizontal line separator, just go to the page or post where you want to add it and click on the (+) icon to add a new block. Then search for the Separator block and insert it when it’s found.

Once added, the separator looks like a small horizontal dash by default. You can change the line separator styles, colors, and dimensions in the style tab from the right-hand side panel.

Although this block gets the job done, it appears to be quite basic. If you ask me, I’d like my horizontal line separator to stand out. You’ll need a plugin that lets you add a premium-looking separator to make your line separator look more advanced. In the following section, I’m going to show you how to add an advanced horizontal line separator in WordPress.

How To Add An Advanced Horizontal Line Separator In WordPress

Today I’ll be using my personal favorite Ultimate Blocks to add an advanced horizontal line separator. It has over 20 blocks including a Divider block, which lets you add an advanced line separator with extra customization options.

Before we start, go get the plugin.

For that, we need to go to the WordPress Dashboard. Then we will go to Plugins and then Add New. Now search for Ultimate Blocks, click on install now, and then activate it.

Now go to the block editor, type in /divider or click on the (+) sign, and then search for the Divider block, add that when found.

To customize your line separator, head over to the right-hand side panel. There you will find block settings where you can adjust the line settings.

You can change the line type and color from the styles tab. There are three different line types available.

That’s it, you’re done; easy.


That’s all there is to know about adding a horizontal line. You can use either the default separator block in the Gutenberg editor or the divider block from ultimate blocks. It is all up to you. But one thing I will say is to always experiment with different colors, styles, and placements to create a unique look that perfectly fits the personality of your website.

Hope this little tutorial was useful and you managed to add a nice horizontal line separator in your WordPress website, also customize that perfectly.

More how-to reads: