html - css如何调整元素内容的高度

Question

这是 html 代码的示例:

<div class="container-fluid" id="about">
     <div class="row">
            <div id="mainsubtitle">Something</div>
            <h1>Validation of the email address</h1>
     </div>

</div>

如何调整 div 和 h1 元素的高度(蓝色区域)以具有

Answer 1

从屏幕截图中我对您的问题的理解是，您正在尝试减少蓝色空间，因此本质上是单词与 div 和 h1 元素之间的空间。

您可以尝试使用 line-height 属性。 示例:

#mainsubtitle, h1 {
   line-height: 0.75;
}

上面的示例将当前字体大小乘以 0.75 以设置行高。