大きい文字と小さい文字が混在する行で、縦方向の揃え方を指定する方法 - スタイルシートTipsふぁくとりー

《2016年3月10日 11:21 公開/更新》 大きい文字と小さい文字が混在する行で、縦方向の揃え方を指定する方法 [テキスト] 強調する目的で文字サイズを大きくするなど、1行の中に「大きさの異なる文字」が現れることがあります。そのとき、それぞれの文字の表示位置は、標準ではベースラインに合わせて揃えられます。(※ベースラインとは、英字の場合だと「大文字の下端」です。小文字の「g」や「y」などは、ベースラインよりも少し下にはみ出て表示されます。) しかし、場合によっては、(ベースラインで揃えるのではなく)縦方向の中央に寄せて表示させたい場合もあるでしょう。または、行の上端に揃えたい場合もあるかも知れません。そのように、1行の中に大きさの異なる文字があるときに、（縦方向で）『どの位置で文字を揃えたいか』を指定できるプロパティとして、CSSには「vertical-align」プロパティがありま