制作Note

テキストの上下の位置がうまく調整できない|CSS

divの中(display:blockが条件)におけるテキストの上下の位置がうまく定まらないってことがありませんか?

paddingを0にしても調整できない…なんでやねんって…w

意外かもしれませんがline-heightで調整できます。

line-heightを何も設定していない状態(親要素の値が反映)

line-height:1

line-height:2

上記のケースだとline-height:2でちょうど上下真ん中になりました。