「もっと見る」ボタンの高さの指定は height ではだめなのでしょうか?

line-height を指定するとテキストはその高さの中で上下中央に配置されますが、height ではそのような配置になりません。
2021年10月27日
ユーザー

「もっと見る」ボタンの高さの指定は、height ではだめなのでしょうか?

試しにやってみると、ボタンの大きさは同じになりましたが「もっと見る」というテキストが上揃えになってしまいました。
padding を調整したり vertical-align: middle; を使ってみたりしましたが、テキストを上手く上下中央に持ってくることができませんでした。

line-height は 1 つの行ボックスの高さ、height は行ボックスを全て合わせた全体の高さということで違いを理解できているつもりでしたが、MDN などで調べたりレッスンを見返したりしてもわからなかったため教えていただきたいです。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(4)