【CSS】英語と日本語を混ぜた要素の高さが合わない

日本語と英語のラベルを付けた要素を横並びにした時、英語の要素だけ縦幅が小さくなる。

Androidタブレットと、MacOSのSafari

Firefox と　Chrome　でフォントの表示が異なるようだ。

解決法

親要素に高さを指定した。

文字の縦位置はpaddingで調整。

font指定を変えたりしてみたが、彼方立てれば此方が立たぬで正解がわからない

文字の高さをそろえるスタイルシート

https://www.dspt.net/stylesheet_css/003/015.html

vertical-alignが使えるのは、「インライン要素」と「テーブルセル」だけなのです

https://techacademy.jp/magazine/19415

英語と日本語を混ぜた要素の高さが合わない

https://qiita.com/bbapexx/items/f6f4290545aeff54b356

https://liginc.co.jp/designer/archives/36