How to remove bottom padding?

Question

css

For some reason, the placeholder works under the text.
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;
  
}

Answer 1

Make the height of the block with the caption and the block with the background the same height. This part of the background is visible

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