画像の左右に文字を回り込ませる
画像を表示させる際に、左右に余った余白に文章を回り込ませることができます。
<img src="画像URL" aling="画像表示位置">
回り込ませる文章
回り込ませる文章
という記述になります。画像表示位置は、『left』(文章を右に回り込ませる)または『right』(文章を右に回り込ませる)から指定できます。
<img src="./sample/cherry.jpg" width="150" height="120" align="right" alt="桜の花の写真">
■20XX年4月12日■<br>
桜を見にいってきました。携帯のカメラで撮影したので画像が良くありませんが、本当にきれいでした。
■20XX年4月12日■<br>
桜を見にいってきました。携帯のカメラで撮影したので画像が良くありませんが、本当にきれいでした。
このソースを表示させると、次のようになります。
■20XX年4月12日■桜を見にいってきました。携帯のカメラで撮影したので画像が良くありませんが、本当にきれいでした。
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス