.button { display: inline-grid; place-items: center; border-radius: 9999px; width: min(30vw, 400px); min-height: 44px; background-color: darkcyan; font-family: "Noto Sans JP", sans-serif; color: white; } place-itemsで中央寄せしてるし、 テキストには色しか指定してないのに なんか上の余白の方が広いですね。。 line-height: 1 を指定してみても結果は同じです。 なんでなんでしょうか font-sizeって何なん Webテキストにはそれぞれ emスクエア(UPM / units per emとも呼ばれる) という相対的なサイズの「ボックス」があるみたいです。 (もともとは