新换行符重叠前一个文本css

Question

我有这个包含文字的div。但是，当它创建一个新行时，它会与顶部文本重叠。我使用的是一种名为选美的字体。但是，即使我使用默认的HTMLfont，问题仍然存在。

这里是DIV的代码：

<div id="scoresDiv" class="scoresDiv" style="text-align:center;width:400px;height:inherit;overflow:hidden;background-color:transparent;color:white;">

<div style="margin-top:200px;font-size:90px;font-family:pageant;background-color:transparent;display: inline-block;">Hello Stackoverflow</div></div>

这是问题的图像。

希望得到你的回复。谢谢！

Answer 1

你必须提供一个line-height财产，在这种情况下，我也提供了一个宽度。

<div style="margin-top:200px;font-size:90px;font-family:pageant;background-color:transparent;display: inline-block; line-height:1.4em; width:300px;">Hello Stackoverflow</div>

这是一个工作 Demo 。

Answer 2

<div id='stackoverflow'>Hello Stackoverflow</div></div>



#stackoverflow{
margin-top:200px;
font-size:90px;
font-family:pageant;
background-color:transparent;
display: inline-block;
line-height:50px;
}