頂部垂直對齊行高（或沒有行高的垂直間距）

Question

我有一個多行標題並排放置在一個圖標上。我想保持該標題的高度在1.6左右。如果我這樣做，文本不會在頂部對齊，因爲它保持與線條垂直居中。結果是圖標的頂部不與文本的頂部對齊。如果我使用行高1，則不會發生問題，因爲相同大小的行中的文本的中間垂直對齊與頂部對齊相同。

你可以明白我的意思在這個code pen。

有什麼想法？

Answer 1

您可以向您的標題添加負頂部邊距。
定義您的字體大小和em中的頁邊空白將允許您實現對齊，而不管繼承什麼字體大小。