次の HTML を想定します。
<p><span style="font-size: 40px;">A</span>a</p>
2 番目の文字を最初の文字の中心に揃えることは可能ですか?
実結果
この例では、2 番目の文字は最初の文字の下に揃えられます。
期待される結果
ただし、2 番目の文字を最初の文字の中央に揃えたい:
次の HTML を想定します。
<p><span style="font-size: 40px;">A</span>a</p>
2 番目の文字を最初の文字の中心に揃えることは可能ですか?
この例では、2 番目の文字は最初の文字の下に揃えられます。
ただし、2 番目の文字を最初の文字の中央に揃えたい:
vertical-align:middle;
スタイルを追加するだけです。
(例)に追加vertical-align:middle;
します。<span>
<p><span style="font-size: 40px;vertical-align: middle;">A</span>a</p>