Wordpress has evolved into a complete CMS system and more over the years. But one minor thing that still causes some trouble is the editor that comes bundled with Wordpress installations. While I cannot surely negate the fact that it is a wonderful editor - I have recently come across a small but crucial issue caused by it. It is the use of <br>.

The problem is if you use <br> twice to use it for a hard break it gets converted to <p>. That said, if you have already styled the paragraph tag in your CSS, your hard break will start behaving like one.

So How To Resolve This Issue?

It is only with a little tweak that you can solve this problem, as you cannot style br tags directly from the CSS. For this, we need good old jQuery.

Use the following jQuery code inside the header:

$(document).ready(function() {
    $('br').replaceWith('<span class="br"></span>');
});

The above jQuery code will basically replace all br tags with a span having the class br. Now all we need to do is go to our CSS file and add some style to the br class and we are done. Short, sweet and simple! Hope it helps.

Do Not Forget To Download and Include The jQuery Library