iframeタグに align="" を追加すると、インラインフレームに並ぶ文字の位置を指定できます。
<iframe src="example.html" align="left"> 〜 </iframe>
| align="" | top … （インラインフレーム横の上部に文字を表示します） |
|---|---|
| middle … （インラインフレーム横の中央に文字を表示します） | |
| bottom … （インラインフレーム横の下部に文字を表示します）デフォルト | |
| left … （インラインフレームの右側に複数行の文字を表示します） | |
| right … （インラインフレームの左側に複数行の文字を表示します） |
【並ぶ文字の扱いについて】
top、middle、bottomの指定では1行しか並べられないのに対して、left、rightの指定では複数行の文字を並べることができます。
※left、rightを指定する場合は、文字の回り込みを終了させるためのbr clearもご覧ください。
【1行の並びと複数行の違いについて】
例えば、align="top" を指定してインラインフレームの右側に文字を並べた場合、brタグを使って改行を入れたり、幅いっぱいのところで自動的に改行が入った場合には、改行された文字はインラインフレームの下に表示されます。
（例）
インラインフレームの右側に文字を入れてみます。
改行された文字はここに表示されます。
align="left" を指定してインラインフレームの右側に文字を並べた場合には、改行された文字は右側に置かれたまま表示されます。
（例）
インラインフレームの右側に文字を入れてみます。
改行された文字はここに表示されます。
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
■インラインフレーム右側の上部に文字を表示する場合
<iframe src="iexample_a.html" width="200" height="130" align="top">サンプル</iframe>
右側の上部に文字を表示してみます
▼これをブラウザで見ると次のように表示されます
■インラインフレーム右側の中央に文字を表示する場合
<iframe src="iexample_a.html" width="200" height="130" align="middle">サンプル</iframe>
右側の中央に文字を表示してみます
▼これをブラウザで見ると次のように表示されます
■インラインフレーム右側の下部に文字を表示する場合
<iframe src="iexample_a.html" width="200" height="130" align="bottom">サンプル</iframe>
右側の下部に文字を表示してみます（デフォルト）
▼これをブラウザで見ると次のように表示されます
■インラインフレームの右側に複数行の文字を表示する場合
<iframe src="iexample_a.html" width="200" height="130" align="left">サンプル</iframe>
インラインフレームを左側に配置して
<br>
右側に文字を回り込ませてみます
<br clear="all">
▼これをブラウザで見ると次のように表示されます
■インラインフレームの左側に複数行の文字を表示する場合
<iframe src="iexample_a.html" width="200" height="130" align="right">サンプル</iframe>
インラインフレームを右側に配置して
<br>
左側に文字を回り込ませてみます
<br clear="all">
▼これをブラウザで見ると次のように表示されます
