PureBible

画像の横に文字を並べるタグと解読

画像の横に文字を並べるタグと解読

このタグは楽天の日記でも使用できます

普通に画像と文字を並べると
こんな感じになるよね？
始めの一行は画像の横に並ぶけど
後の行はここのように下に並んでるよね？

これを画像の横にならべるには

文字の回りこみを指定するタグを使うと
こんな感じに出来ます。


<IMG src="画像URL" align="left" >
文字<BR>
< BR CLEAR="all" >


align="left" は画像の右に文字を持って来る事を
指定してます
BR CLEAR="all" は
このタグを加える事により
文字の位置を元に戻します

< BR CLEAR="all" > を載せる事で
ここに文字が戻ってきます。

今度は、画像を右にもってきましょう

このタグは


<IMG src="画像URL" align=" right " >
<CENTER>
文字<BR>
</CENTER>
< BR CLEAR="all" >


もう分かったよね？
align=" right " これだね？


ちなみに
このタグには <CENTER> も使ってます
この方が見やすいかもね？