文章内での画像の位置の設定サンプル

TOP > HTMLサンプル集（画像に関するタグのサンプル集） > 文章内での画像の位置の設定サンプル

このサンプルでは、文章内の画像を整列させる方法をデモンストレーションします。

※このサンプルは、javascriptがONになっていないと動作しません

HTMLサンプル編集フィールド
HTMLソースコードをあなた自身で編集することができます。
<html> <body> <p> 文章中の <img src="sample_image_02.gif" align="bottom" width="48" height="48"> 画像。 </p> <p> 文章中の <img src ="sample_image_02.gif" align="middle" width="48" height="48"> 画像。 </p> <p> 文章中の <img src ="sample_image_02.gif" align="top" width="48" height="48"> 画像。 </p> <p>画像の下と文字のベースラインを揃える align="bottom" がデフォルトの位置になります。</p> <p> 文章中の <img src ="sample_image_02.gif" width="48" height="48"> 画像。 </p> <p> <img src ="sample_image_02.gif" width="48" height="48"> 文章の前にある画像。 </p> <p> 文章の後にある画像。 <img src ="sample_image_02.gif" width="48" height="48"> </p> </body> </html>

HTMLリアルタイム表示結果
編集されたHTMLソースコードの結果をリアルタイムで表示します。