Sunday 9 July 2017

Hide empty html tags in website using :empty pseudo-class

Sometimes the empty tags can create the alignment or spacing issues, which looks odd to the viewers.

To fix this issue we have a pseudo-class called :empty

You can use this property as below example in your style:

p:empty{ display: none; }

You can also try in the codpen at this link Edit on codepen 

Reference sites:

Load disqus comments