Html 文本的底线，忽略行高？

我有两个容器，一个在另一个上面，顶部有几段文字

我需要的文本底线是50像素以上的底部容器

所以我有从底部到顶部的50px边距，或者从顶部到底部的50px边距

问题是，由于应用于文本的行高，它与文本的底行的距离不是50px

当文本到达该点时，是否有方法使其在底部齐平

---

希望这有意义。。。我很欣赏它的细微之处，但有些客户希望它具体。

您可以尝试将顶部容器中的

行高设置为与其
字体大小相同的高度，并在底部设置边框：

font-size: 14px;
line-height: 14px;
border-bottom: 1px solid #f00;
marign-bottom: 50px;

尝试使用
填充底部，而不是
空白
html？css？fiddle？任何东西？谢谢，我会尝试的，看起来更好一点。客户端希望它在文本下方齐平…不幸的是，这不起作用，因为行距需要大于字体大小：（你能提供一个JSFIDLE或一些代码吗？我需要知道你的顶部div中有什么。没有设置代码，只是想知道它是否可以完成。你的jsfiddle是对的，只要增加行高度，你就会看到它把事情搞砸了。填充和边距的结果是相同的，只是在示例中使用了边距。