I have done a Google search for 'dynamic CSS' and I can see large scale ways of doing what I want to do but I was wondering if anyone has a simple way of doing it.
What I want is a way to insert a variable amount of vertical space between blocks of HTML. The particular case I'm interested in is where I have a <UL> below either a <P>...</P> or below a heading <Hx>.
The problem is that the HTML is generated by a Wiki so one doesn't have *direct* access to the generated code and the text above a list is *always* a paragraph, it's not possible to turn it off. The existing CSS setting margins for paragraphs and headings works right for 99% of cases but when you have lists under heading *and* lists under paragraphs it's very difficult to get things right using just the CSS.
So, a quick (and dirty?!) approach to fixing the few places where the spacing is too small or too large would be to have the ability to insert an empty block/paragraph where one could set the height/margins easily.
A quick, single case, bodge is something like:-
<DIV id=unvert><P></P></DIV>
With CSS for div#unvert setting appropriate size/margins. However what I'd *really* like to do would be to enable setting of the margins or height of the paragraph from the code somehow, that would allow one to insert more/less space as required rather than needing lots of different CSS ids, one for each different spacing.
Any ideas, or completely different approaches, or am I missing something entirely?