[ブログカスタマイズ]画像の横に文字を表示する

画像の横に文字を表示するには、
<img src="×××.jpg">のタグの中に、align="right"を挿入します。

具体的には、こんな感じ。＾＾




<img src="×××.jpg">
　　　　　　↓
<img src="×××.jpg" align="right" >

こうすると、今ご覧になっているような感じになるよ。＾＾


●左側に書きたい場合

align="left"を挿入します。

具体的には、こんな感じね。＾＾

<img src="×××.jpg">
　　　　　　↓
<img src="×××.jpg" align="left" >

こんなふうに、文章が記載されるよ。＾＾
ここに、いろいろ説明書きが、書き込めちゃいます♪＾＾

ブラウザーの「お気に入り」を出している状態で見ると、記事がちょうど真ん中に来るから、こっちの方がいいかもね？＾＾




●写真を中央に置きたい場合

<div align="center">〜</div>を挿入します。

具体的には、こんな感じね。＾＾

<img src="×××.jpg">
　　　　　 ↓
<div align="center"><img src="×××.jpg"></div>
　　　　　　


これなら、1番見てもらいたい写真を、中央に載せられるね。＾＾



●設定をクリアする

文章の位置を変えたい時は、文章の最初に、<br clear="all" />のタグを入れてね。＾＾
これで、align属性の設定を、クリアできるよ。＾＾


●番外編：写真を並べたい場合

<img src="×××.jpg">と<img src="×××.jpg">の隙間を、なくすようにして、記入します。

具体的には、こんな感じになるよ。＾＾

<img src="×××.jpg"><img src="×××.jpg">



ちょっとしたカスタマイズだけど、写真の位置が違うだけで、すいぶん印象が、変わるよね？＾＾
機会があったら、ぜひ試してみてね♪（´ー｀）ノ