顶部垂直对齐线高（或垂直间距，没有线高）

Question

我有一个多行标题并排放在一个图标上。我想保持该标题的行高约1.6。如果我这样做，文本不会在顶部对齐，因为它保持垂直居中的直线。结果是图标的顶部未与文本顶部对齐。如果我使用行高1，则不会出现问题，因为相同大小的行中文本的中间垂直对齐方式与顶部对齐方式相同。

您可以在code pen中看到我的意思。

有什么想法吗？

Answer 1

您可以为标题添加负上边距。
在em中定义字体大小和边距将允许您实现对齐，无论继承的字体大小如何。