Further, possibly simpler, related question.
How can I set things up using CSS such that:-
Paragraphs snuggle fairly close up under headings, I want them to be obviously associated with the heading above them, the default setup seems to make them closer to the heading below which seems all wrong to me so I habitually reduce the top margin for paragraphs and increase the bottom margin.
Lists have the same spacing below headings that paragraphs do, simple enough by setting the margins the same.
... and this is the difficult bit, I want a list below a paragraph *not* to have a huge vertical space.
E.g. (using crude line spacing) I want things something like this:-
A Heading A paragraph under the heading
Another Heading Another paragraph
Yet another heading * List Item * List Item
A paragraph * List Item * List Item
It's the last bit that's difficult as the paragraph by default has a space under it. It's not easy to add a class/id to the paragraph and anyway that seems to be a rather inelegant solution. What I want is a way to say that I *never* want a big margin when there's a UL under a P.
I suppose I could reduce *all* margins and then add blank lines at the end of papragraphs but again that feels like a bodge.