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!