How to ‌Add a Horizontal Line Separator in WordPress Posts/Pages?

0
246
How to ‌Add a Horizontal Line Separator in WordPress Posts/Pages

Do you want to ‌Add a Horizontal Line Separator in WordPress page or post?

Horizontal line separators enable you to break down long blog into different parts. When you these lines, it makes users, visitors, readers, and customers easy to read the website’s pages and posts. 

When you keep your page and posts content organized using the line separator it seems more visually appealing. It also engages visitors for a longer period of time.

Add a Horizontal Line Separator in WordPress 

As you might have heard and seen the Horizontal Line Separator being used in different sites, you might know what it is and how it differentiates your regular posts and pages. If you too want to add a horizontal line in your WordPress website, Let’s Start:

I have listed three different methods to do it. Simply select the method that is easy and convenient for you.  

Method 1: Add a Horizontal Line Divider from Block Editor 

Method 2: Add a Horizontal Line using HTML Manually 

Method 3: Add the Line Divider in Classic Editor 

Method 1: Add a Horizontal Line Divider from Block Editor 

First of all, make your post ready. Then click on the (+)icon on the post where you want to keep the horizontal line divider. 

‌Add a Horizontal Line Separator.

Then, Select the Separator block option. If you don’t get it then search it in the search bar option that appears at the top. 

‌Add a Horizontal Line Separator.

You will see the horizontal line named as separator. Select it. Once you select it, you will see your post is divided by a horizontal line as showing in the image below:

‌Add a Horizontal Line Separator.

Method 2: Add a Horizontal Line using HTML Manually 

This method is the easiest one. All you need to do is simply add <hr> HTML tag in your content. 

Additionally, be sure to use this tag at the places where you want to add a horizontal line separator. 

Finally, you will get it on your website. 

Method 3: Add the Line Divider in Classic Editor 

Some of you might still use the classic editor. In that case, firstly make spaces between two paragraphs where you want to add a horizontal line separator. 

Also, Click on the Insert button option. Then click on the Horizontal line Option. 

‌Add a Horizontal Line Separator.

Here, you have simply added horizontal line separator on WordPress pages/posts. All the methods are easy and simple. You choose any of it.

 Also, follow our site for more WordPress tutorials.

LEAVE A REPLY

Please enter your comment!
Please enter your name here