Question : Any way to use CSS to suppress empty container elements?

Is there any way to use CSS / HTML to suppress empty container elements? For example if I have:

1:
2:
3:
4:
5:
<p>Title</p>
<p>Author</p>
<p></p>
<p>Length</p>

where the the third paragraph would normally contain a description, is there any way to hide / suppress / not display the extra white space padding the empty third paragraph will introduce?

Thanks in advance.

Answer : Any way to use CSS to suppress empty container elements?

Yep, there is a CSS3 pseudo selector for empty elements, so you can use this to hide the empty elements.

e.g.
<style>
p:empty { display: none; }
</style>

the problem is its browser compatibility, as shown on this first refference link.

References:
http://reference.sitepoint.com/css/pseudoclass-empty
http://www.w3.org/TR/css3-selectors/#empty-pseudo

You could create a simple bit of javascript to fix this though in unsupported browsers.
Found an example of this here: http://www.webmasterworld.com/css/3944510.htm