CSS - Target Only Images Within Paragraphs

Hello,

I have a table formatted by CSS within which there are two styles of text, headers and content. I have the content formatted using a class (conftabledetail), with the statement:

.conftabledetail {font-size:10px;}

I did that to make the content more compact and distinguishable from the headers.

I would like to force a space between the paragraphs of content without using a <br> tag. I read that there is an "adjacent selector" which can be used to locate adjacent tags and apply a style, for example p + p {margin-top:1em;}, which would put a 1em space between adjacent paragraphs.

Apparently this selector does not work when used against a subclass, because I can't get this statement to work:

p + p.conftabledetail {margin-top:1em;}

I CAN get this statement to work:

p.conftabledetail {margin-top:1em;}

But that's not what I want to do.

Anyone have any ideas as to what I need to change or do differently?

It would also be nice to do this with a <div> tag so I don't have to repeat the class identifier on every <p> tag...

Thanks,

Chris

I'm experimenting using css, on the page
http://www.philmorris.biz/view.php?id=3278941167

The problem I have is the way that each line on the description has its own highlight- something that I've only experienced with css

One thing I've noticed is that each line of the description is it's own paragraph, however since the description is pulled straight from eBay, there's not much I can do about that.

Are there any obvious things I'm not thinking of?

Thanks

I have a bunch of text with nice formatting using paragraphs and I want to have a spacing between the paragraphs. I could easily do that by:

Code:

p { margin-bottom: 25px; }

But that will make it so the last paragraph to also have a margin like that, how can I make it so that the last paragraph have a bottom margin of 0? Just the last one in that bunch of text.

Now that, this is dynamic content generated by WordPress. WordPress text is place using paragraphs but the last paragraph on each post also has a margin that shouldn't be there, or my current design of course.

Is there a way around this?

This site is entirely CSS built and is database driven so it is completely dependent on classes and Id's. I have a conflict with <H5> in this page/site template I'm trying to edit. H5 is used for the title in the header and needs to be white. As you can see by the example of the my news section it looks just as I want it (H5 is the bigger bolder text that starts each paragraph)
MyNews.jpg

Code:

		<div class="bodyNews">
			<h4>My News</h4>
				<h6>
					<h5>News 1</h5>
					Content ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
					doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo
					inventore veritatis et quasi architecto beatae vitae dicta sunt
					explicabo.
				</h6>
				<h6>
					<h5>News 2</h5>
					Content ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
					doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo
					inventore veritatis et quasi architecto beatae vitae dicta sunt
					explicabo.
				</h6>
				<h6>
					<h5>News 3</h5>
					Content ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
					doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo
					inventore veritatis et quasi architecto beatae vitae dicta sunt
					explicabo.
				</h6>
		</div>

And here's the CSS:
Code:

	div.myNews {}

	h4 {
		font: 15px Georgia,serif;
		font-weight: normal;
		color: #6b3616;
		text-transform: uppercase;
		display: block;
		margin: 25px 0 2px 0;
	}

	h5 {
		font: 14px Georgia,serif;
		font-weight: normal;
		color: #6b3616;
		margin-right: 4px;
		display: inline;
	}
	
	h6 {
		font: 11px/14px Verdana,sans-serif;
		color: #3d412d;
		margin: 10px 4px 2px 0;
	}

So the problem is the H5 though it looks fine in this news part it messes with the header H5 and I can't change the class there...
There must be another way to do this... Can anyone offer an alternative?
See the site he Template M

What is the correct way to remove the space between paragraphs?

I have p { margin-top: -12px; } but IE/Win appears to be clipping the top of the topmost paragraph containers.

What is the most compatible way to do this?