CSS3

プロパティ

baseline-source

[Edge]⛌。→●、mdn

整列基底線の情報源。

このプロパティは、ボックスの 基底線整列選好 を指示する ─ すなわち、行内レベルのボックスに基底線用に可能な情報源が複数あるとき（複数行を成す［行内ブロックや行内 flex コンテナ］用など）、［最初の基底線集合、最後の基底線集合］のどちらが整列用に選好されるかを指定する。

auto

行内ブロック用には最後の基底線による整列を指定する。

他のもの用には最初の基底線による整列を指定する。

<SPAN style="font-size:40px; border:1px solid black;">
開始<IMG src="Com/Picture_I.gif" style="border:1px solid red;
 baseline-source:auto;
">終了</SPAN>

first

最初の基底線による整列を指定する。

<SPAN style="font-size:40px; border:1px solid black;">
開始<IMG src="Com/Picture_I.gif" style="border:1px solid red;
 baseline-source:first;
">終了</SPAN>

last

最後の基底線による整列を指定する。

<SPAN style="font-size:40px; border:1px solid black;">
開始<IMG src="Com/Picture_I.gif" style="border:1px solid red;
 baseline-source:last;
">終了</SPAN>

テスト