横に並ぶ文字の位置を指定する

{vertical-align:位置;}でインラインフレームの横に並ぶ文字の位置を指定することが出来ます。

インラインフレームの横に表示できる文字の位置は以下のとおりです。

位置	説明
baseline	インラインフレームと文字のベースラインを合わせます。文字のベースライン（下部）とは英字のabcなどの最下部のことです。（デフォルト）
top	インラインフレームと文字を行の一番上の位置に揃えます。
text-top	インラインフレームを基準になるフォントサイズの文字の上端の位置に揃えます。
middle	インラインフレームの中央に文字を表示します。
text-bottom	インラインフレームを基準になるフォントサイズの文字の下端の位置に揃えます。
bottom	インラインフレームと文字を行の一番下の位置に揃えます。
%で指定	ベースラインを0としてプラスの値なら上方向に表示しマイナスの値なら下方向に表示します。
pxやemで指定	ベースラインを0としてプラスの値なら上方向に表示しマイナスの値なら下方向に表示します。

【ブラウザ表示】

横に並んだ文字
横に並んだ文字
横に並んだ文字

ソース

外部ファイル

iframe.sample4{vertical-align:text-top;}
iframe.sample5{vertical-align:middle;}
iframe.sample6{vertical-align:text-bottom;}

<body>～</body>に直接記入する場合

Follow @hp_master_2003