Reading pane margin


I have changed the H3 heading to include a horizontal line as I don't like the look of inserting a regular line and the subsequent spacing it creates around it. This works fine but somehow the top margin in the reading pane disappears:


I've tried to adjust the margin/border/padding but this does not make any difference to the first line - only subsequent H3 lines if that makes sense. Any idea how to fix this? Is there a separate CSS to define the reading pane borders?

h3 {
margin-top: 40px;
padding-top: 15em;
border-top: 100px;
padding-bottom: .5em;
border-bottom: 2px solid #eaecef;
/* font-size: 1em;
font-weight: 700; */
line-height: .1em;
content: '';
background: black;
height: .1em;
margin: .2em;
flex: 1;
text-align: left;
line-height: .1em;

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.