Empty paragraphs between <p></p> tags can be a real nuisance in your code as they add empty white space. There are a number of jQuery methods to remove empty paragraph tags such as:-
But there's a much simpler way to remove empty <p></p> tags with CSS Only
Simply add the following CSS to your styles:-
Bang the empty paragraphs are gone!