How can I control the size of the spacing between my h1 and h2 without using 'line-height' in CSS? It needs to be applied to my H1 master that will be used across the entire website, so for example, if a page has a h1 that runs over 2 or 3 lines, I can't have the line-height set to 0px because it won't flow over numerous lines.

My current CSS is:

```
h1 { /** Headlines **/
font-family: 'Droid Serif', serif;
font-weight: 500;
font-size: 100px;
}

h2 { /** Standfirst **/
-webkit-font-smoothing: antialiased !important;
font-family: 'Source Sans Pro', sans-serif;
font-size: 30px;
font-weight: 600;
}

```

I need to reduce the space between H1 and H2 because the current gap is massive and unsightly. Thanks

----EDIT!----
Maybe I wasn't clear enough. Please see this Fiddle - The first example shows the leading that I want from H1.

<https://jsfiddle.net/Lwfbbs1u/>

On the short headline version, it looks exactly how I want it.

On the second version, that format is destroyed because the line-height is set to '0'.

The goal is to be able to have that nice, tight spacing from the first example on the second example as well, thanks for any help.