Html CSS行距：不应用于元素

我有一个棘手的HTML/CSS问题，至少对我来说是这样。以下是我目前正在开发的一个网页：

整页都在这里：但现在已经按照公认答案中的建议进行了更改。 请注意，底部的精细打印与正文副本具有相同的行距，我无法修复它。它在Chrome、Firefox和Edge中看起来是一样的，所以这一定是我工作中的一个错误

CSS是：.fine{font size:1rem；行高：1.1；}标记是

使用Chrome和Firefox的inspector函数，字体大小的计算CSS显示为10px，这是正确的，行高显示为11px，这是我想要的，但显然不是显示的。测量结果显示，显示的行高约为32px，与精细打印上方的正文副本相同。精细打印的边距、边框和填充均为零。HTML和CSS使用validator.nu和Jigsaw进行验证。有来自Skeleton、Superfish和Slick的样式表链接在一起。我已经一个接一个地把它们注释掉了，错误没有改变

请告诉我做错了什么，或者在进一步调试时给我一些帮助

注意：这仍然是一个开发项目，因此没有启用TLS，并且图像带有水印，因为我还没有授权它们。我知道这两件事都必须在生产前完成。

如果跨距位于具有定义字体大小或行高css的div中，则由于其显示属性的工作方式，跨距无法正确显示行高。您可以将span更改为div，也可以将display:block添加到.line的css类中以更改显示行为

e、 g

---

.fine{font size:1rem；行高：1.1；display:block；}

谢谢您的帮助。我已编辑了该问题，以使您的答案更容易为下一个需要它的人找到。我不确定是否同意此答案，因为链接页面已更改，这就是问题最终将被关闭和删除的原因。“线的高度对跨度的影响很好，但我们可能永远不知道为什么。”罗布澄清道little@Rob链接页面已更改，因为Matti Price给了我答案。如问题所示，线条高度：未生效。更改以产生所需的结果。答案不仅是有效的，而且在考虑内联和块元素之间的差异时，它是完全有意义的。@ BobBrown，链接中的标记改变是你需要在你的问题中发布一个这里的原因，而不是你的站点或任何第三方站点的链接。