[hobnail]

Originally Posted by Argon

Can anyone help me with this?

Not answering your question, or maybe it will work if you did it this way, but I prefer to have my divs not be generic and assign specific classes to them. My top level formatting for blocks that are separate from the running text is

div.block {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 85%;
}

Then for the paragraphs within and after them

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

div.block p {
    margin-top: 0.25em;
    text-indent: 0em;
}

Then for a specific type of block, e.g., an article

div.article {
    font-family: sans-serif;
}

Then in the html it's a double-barrelled class 'div class="block article"'.

Alternatively you could dispense with the block class and chain all of the different div types together for the common stuff; e.g.

div.article, div.note, div.letter {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 85%;
}

and then have div.article the same as above.