单排H3下方的奇怪间距

Question

我的<h3>元素在一行上有一些奇怪的空白区域。当它不止一条线时，没有间距。附图。

＆＃13;

＆＃13;

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #519B96;
  line-height: 1!important;
  margin: 0 0px 25px;
}

h3 {
  font-size: 30px!important;
  margin: 40px 0 -10px;
  text-align: left;
}

.teal {
  color: #519B96!important;
}

＆＃13;

<h3 class="teal">«Les Lettres persanes» (1721)</h3>
<p class="p1">
  “Les Lettres persanes”, roman qu’il publie dans l’anonymat à Amsterdam en 1721
</p>

＆＃13;

＆＃13;

＆＃13;

Answer 1

你去了

h1, h2, h3, h4, h5, h6 { 
            color: #519B96; 
            line-height: 1!important; 
            margin: 0 0px 25px; } 

  h3 { 
   font-size: 30px!important;  
   margin: 40px 0 -10px;  
   text-align: left; 
   background-color: red;} 

  .teal { 
     color: #519B96!important; }

<h3 class="teal">«Les Lettres persanes» (1721)</h3> 
   <p class="p1">
     “Les Lettres persanes”, roman qu’il publie dans l’anonymat à Amsterdam 
      en 1721
</p>