How to Add a Horizontal Line Separator in WordPress 5.4.2

In this article, you’ll learn how to easily add a horizontal line in your posts and pages. There are 2 ways of adding a horizontal line – through the Visual Editor(the easy way) and through the HTML code editor(the little bit more advanced but still very easy way).


How to Add a Horizontal Line/Separator through the Visual Editor

  1. Navigate to the post you need to add the horizontal line on in your WordPress dashboard.
  2. Move your mouse between 2 blocks of your post and click on the ‘+’ button.
  3. Select ‘Separator’ as shown in the picture.


    That way, you are adding the built-in WordPress separator code. Depending on the theme that you are using, the separator will look different. This is how the code that WordPress adds looks in the HTML Editor:


    You can use it anytime to add that kind of separator if you are editing using HTML.

    In our test, we used the basic 2020 theme for WordPress. Their separator looks like this:

How to Add a Horizontal Line/Separator using the HTML Code Editor

  1. Navigate to your WordPress post/page that you need to edit.
  2. Open up the HTML Code Editor.
  3. Decide where you want to put the separator on.
  4. In order to add the separator, you need to paste the following code on a new line:

    →<hr />




    This kind of separator can be added to any other HTML document using that code, not just WordPress posts/pages.

    Now you have successfully added the default HTML horizontal line/separator.

Researched and created by:
Krum Popov
Passionate web entrepreneur, has been crafting web projects since 2007. In 2020, he founded HTH.Guide — a visionary platform dedicated to streamlining the search for the perfect web hosting solution. Read more...
Technically reviewed by:
Metodi Ivanov
Seasoned web development expert with 8+ years of experience, including specialized knowledge in hosting environments. His expertise guarantees that the content meets the highest standards in accuracy and aligns seamlessly with hosting technologies. Read more...

Leave a Comment

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

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

This website uses cookies to improve user experience. By using our website you consent to all cookies in accordance with our Privacy Policy.
I Agree
At HTH.Guide, we offer transparent web hosting reviews, ensuring independence from external influences. Our evaluations are unbiased as we apply strict and consistent standards to all reviews.
While we may earn affiliate commissions from some of the companies featured, these commissions do not compromise the integrity of our reviews or influence our rankings.
The affiliate earnings contribute to covering account acquisition, testing expenses, maintenance, and development of our website and internal systems.
Trust HTH.Guide for reliable hosting insights and sincerity.