The right way to Add a Horizontal Line to a WordPress Publish or Web page

Typically making completely different sections of a put up distinctly separate from one another can go a great distance in making your put up extra readable. In some instances, embedding a horizontal line, like this one …

is simply the reply.

For instance, in a current put up right here on WPMU, I had over 100 completely different graphics that wanted to be separated (105 Bizarre and Fantastic 404 Error Web page). Horizontal strains have been excellent for this.

However how do you try this?

Properly, it’s fairly simple. Simply swap to the HTML view in your visible editor, and insert the next code the place you’d just like the horizontal line to seem.

<hr />

For those who’d like a couple of line, simply try this a number of occasions.

<hr />
<hr />

Styling

There are additionally a lot of types you possibly can apply to your strains similar to colour, dimension, alignment, and many others. Within the latest model of HTML (HTML5), you will have to make use of CSS to fashion your strains.  You’ll be able to learn extra about horizontal guidelines (that is what “hr” technically stands for) at w3schools.com.

And that’s it — a easy answer that may make your put up each extra enticing and extra readable.