I am trying to reduce the distance between a chapter title and its subtitle.
This is my relevant CSS:
@page {margin: 1.3em}
body { margin: 0; padding: 0; font-family: "Garamond"; font-style: normal; font-weight: normal; font-size: 1em; text-align: justify; line-height: 1.25 }
p {
text-indent: 1em;
text-align: left;
font-size: 1em;
margin-top: 0;
margin-bottom:0;
}
h1 {
font-size: 2.5em;
text-align: center;
font-weight: bold;
text-indent:0;
margin-bottom:2em;
}
And the code:
<h1 id="heading_id_2">The Universe</h1>
<p class="center">or</p>
<p class="center">How to cook soup</p>
How can I bring them closer together? It looks so ugly I am almost considering dumping the subtitle (not really about cooking).