Help with removing unwanted top margin space
I have been experiencing an issue where I am getting extra space above the list items when using a ul before an ol. The result is that only the unwanted space appears above the circle and number 1.
I attempted to address this by adjusting the following CSS:
.collapsible {background-color: #353D30;color:#CCC;text-shadow: 0px 0px yellow;cursor: pointer;padding: 1px;width: 100%;border: none;
text-align: left;outline: none;font-size: 17px;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";top:0px;left:0px;letter-spacing: 1px;font-weight:500;z index: 234;
min-height:1px;}.active, .collapsible:hover { background-color: #063;}
.content { padding-right: 0px;padding-left: 0px; display: none; overflow: hidden;background-color: #353D30; top:0px; left:0px; min-height:1px;
z index: 234;}.collapsible:after { content: '\002B'; color: #FF0; font-weight: 500; float: left; margin-left: 10px;}.active:after {
content: "\2212";
All my other collapsibles are functioning properly without any unwanted space. This issue seems to only occur when I include the ul and li elements in front of the ol.
<button class="collapsible">Authority of the Board of Directors</button>
<div class="content"><summary><ul><li><ol><li><h2>"This"</h2></li><ul type="a">
<li><h2>"manage"</h2></li><li><h2>"consider"</h2></li><li><h2>"conduct"</h2></li>
<li><h2>"determine"</h2></li><li><h2>"proceed"</h2></li>
<li><h2>"appoint"</h2></li></ul><li><h2>"The "</h2></li><li><h2>"The "</h2></li>
<li><h2>"This"</h2></li></ol></li></ul>
</summary></div>