i am using the following for p tags
p{
margin: 0 0 8px 0;
line-height: 18px;
}

with this each para has a line height and margin between paragraphs

however in the html editor where the content is written when i add spaces empty <p></p> tags are being created by the editor and with the above style for p tags there is lot of unwanted vertical gaps being created

is there a way to style empty <p></p> tag so that these vertical gaps will not be created



also i am using a separate css for printing when i print in firefox i have set the url to print at top right and if the url is too long only a portion of the url is being printed, is there a way to print the entire url or is this a normal printer behaviour to print the url to whatever extent the width is available

set margins, padding, height, line-height & font-size to 0

then style the ones you do need.

Mozilla took up this issue with its :empty pseudo-selector, but unfortunately other browser vendors have not followed suit, and it has not been standardized either.

If you use jQuery you could do something like this:

$(document).ready(function() {
    $('p:empty').css({margin: 0});
});

This will only work with JavaScript enabled of course. Don't do the same thing in your stylesheet, however, as I just read that Safari will then apply this style to every P element.

remove the unwanted <p> tags

Agreed.. remove the unwanted <p> tags. Let me guess, you're using Dreamweaver - because DW does that when you hit enter between paragraphs, creating it's usual messy code. I believe you can make it stop doing that in the preferences.