<div>
main.css line 10, paragraph margin under the buttons, 1em on the bottom.<br />
<br />
p, ul, ol {<br />
&nbsp; &nbsp; margin: 0 0 1em;<br />
}
</div>


main.css line 10, paragraph margin under the buttons, 1em on the bottom.

p, ul, ol {
    margin: 0 0 1em;
}

<div>
OK. I sort of understand. But why should the margin at the bottom of a paragraph tag cause the background color (which is on the parent DIV element) to have a margin?
</div>


OK. I sort of understand. But why should the margin at the bottom of a paragraph tag cause the background color (which is on the parent DIV element) to have a margin?

<div>
Changing margin to padding does seem to fix it. Thanks!
</div>


Changing margin to padding does seem to fix it. Thanks!

<div>
<div class="content wysiwyg-content">
I created a test page to demonstrate what is happening:<br />
<a href="https://www.webcemeteries.com/holysepulchre2.org/test.htm" rel="ugc">https://www.webcemeteries.com/holysepulchre2.org/test.htm</a><br />
<br />
Below the &quot;submit order&quot; and &quot;edit account information&quot; buttons is a white space which I don't want to be there. The space is in-between the elements div#content and div#bottomswirls. It appears to be related to the form element on this page. If I take away the form element, the space goes away.<br />
<br />
However, I don't understand why it is there, or what I can do to get rid of it. My margin and padding are set to zero already.<br />
<br />
Any advice?<br />
Thank you!
</div>
</div>


I created a test page to demonstrate what is happening:
https://www.webcemeteries.com/holysepulchre2.org/test.htm

Below the "submit order" and "edit account information" buttons is a white space which I don't want to be there. The space is in-between the elements div#content and div#bottomswirls. It appears to be related to the form element on this page. If I take away the form element, the space goes away.

However, I don't understand why it is there, or what I can do to get rid of it. My margin and padding are set to zero already.

Any advice?
Thank you!

Form element appears to be distorting parent div margin/padding

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.