How to Add a Horizontal Line to a WordPress Post or Page

How to Add a Horizontal Line to a WordPress Post or Page

Sometimes making different sections of a post distinctly separate from each other can go a long way in making your post more readable. In some cases, embedding a horizontal line, like this one …

is just the answer.

For example, in a recent post here on WPMU, I had over a hundred different graphics that needed to be separated (105 Weird and Wonderful 404 Error Page). Horizontal lines were perfect for this.

But how do you do that?

Well, it’s pretty easy. Just switch to the HTML view in your visual editor, and insert the following code where you’d like the horizontal line to appear.

<hr />

If you’d like more than one line, just do that multiple times.

<hr />
<hr />


There are also a number of styles you can apply to your lines such as color, size, alignment, etc. In the newest version of HTML (HTML5), you will need to use CSS to style your lines.  You can read more about horizontal rules (this is what “hr” technically stands for) at

And that’s it — a simple solution that can make your post both more attractive and more readable.

UPDATE: Peter Bockenhauer makes a good point in the comments. If you have clients who are unfamiliar with HTML, they probably don’t want to go into the HTML editor, and you probably don’t want them in there anyway. A solution to that is a plugin. He found one (Simple Breaks), and I just checked it out quickly. Seems to work fine. Thanks, Peter.

Photo: Blue Strips from BigStock

Free Video Why 100 is NOT a Perfect Google PageSpeed Score (*5 Min Watch) Learn how to use Google PageSpeed Insights to set realistic goals, improve site speed, and why aiming for a perfect 100 is the WRONG goal.