How to remove the lower filling?

Question

How to remove the lower filling?

Under the text that triggers the filler.
How to fix?

#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;

}

Maeve_Hilpert85 asked July 9th 19 at 13:58

Related questions

More answers about "How to remove the lower filling?"

1 answer

carleton answered on · Accepted Answer · 2019-07-09T14:00:55.041Z

carleton answered on 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;

}