How to remove the lower filling?

Under the text that triggers the filler.
How to fix?
8ce014bcd1234bd1ba6c74d64a372eb6.png
#heading {
 background: transparent url(../images/h1-bg.png);
 margin: 30px 0;
 padding-left: 20px;
}

h1 {
 display: inline-block;
 color: #111;
 font: 40px/40px 'Oswald', sans-serif;
 background-color: #fff;
 margin: 0;
 padding: 0 10px;

}
July 9th 19 at 13:58
1 answer
July 9th 19 at 14:00
Solution
Make the height of the block with an inscription and a block with a background of the same height. It's part of the background is visible just
h1 {
 display: inline-block;
 color: #111;
 font: 40px/40px 'Oswald', sans-serif;
 background-color: #fff;
 margin: 0;
 padding: 0 10px 3px 10px;

}

Find more questions by tags CSSDesignHTMLWeb Development