减少CSHTML中两个div之间的空白

Question

问题陈述： 我正在尝试减少两个div之间的空白区域。实际上，当我检查这些元素时，我没有注意到它们之间有任何空白区域。所以无论如何我可以互相溢出或者我有什么东西吗？我做错了吗？

HTML代码：

 <div style="text-align:center;position:absolute;left:20px;top:5px;">
        <div style="font-size:150px;color:black;">
            @Html.Label("lblTarget", "1234"))
         </div>
         <div style="font-size:70px;color:black;">
             @Html.Label("lblLang", "Some Test Data")
         </div>
  </div>

1）显示上述html代码输出的图像：

2）我想要显示的所需输出：

为了获得第二张图片中显示的所需输出，我需要应用什么css？

Answer 1

从它的外观来看，你需要调整文本的行高以达到这个效果

Answer 2

增加font-size会增加文本上方和下方的差距 - 默认情况下，文本的完整高度约为实际字母高度的{1.2} {。}。

您需要将line-height的{​​{1}}更改为约div以缩小差距。

0.9em

body {
    font-family:sans-serif;
    font-weight:bold;
}

div{
    line-height:0.9em;
}