时间戳

首页 > 解决方案 > 单行h3下方的奇怪间距

html - 单行h3下方的奇怪间距

问题描述

我的<h3>元素在一行时有一些奇怪的空白。当它超过一行时，没有间距。附图片。

h3 单行

h3 分两行

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

标签： htmlcssspacing

解决方案

给你

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>

推荐阅读