ブログに追加した画像の横にテキストを複数行記述する方法Ⅱ。

先日のhtmlタグ活用の応用編です。

追加した画像の横に
テキストを複数行記述する方法ですが、
画像の横に画像を置いて、その横に
テキストを複数行置く事もできますよ。

画像は面倒なので前回のブログから流用（^^;

---

画像を横に2枚並べて
その横にテキストを
複数行記述したい場合は
2枚の画像のタグに
「align="left"」を
入れてやれば良いのﾃﾞｽ。


↑の表示方法を編集画面にすると↓のようになります。

---

↓更に工夫すると、こういう事もできます。



縦長の画像の右側に、上下に画像を貼ったりする事ができます。
この場合、左の縦長画像のタグに「align="left"」を書き加え、
右側に画像を1枚貼り、改行してもう1枚貼ればOKです。
右側上下の画像には「align」タグは必要ありません。
これも編集画面では↓のように記述しています。

最後の改行タグ「＜br clear="left"＞」を忘れると↓のようになります。

---

↓組み合わせ方を変えればこんな表示のさせ方もできます。

ここにテキストを複数行記述する
なんて事もできちゃったりします。

組み合わせ方によって
画像のサイズ指定値とか
テキストの文字数や改行数なんかを
綺麗に表示させるように
計算しないといけないので
結構面倒だったりもしますけどね。

これも↓のように編集画面では記述しています。

---

↓右側の画像の上下にテキストを複数行記述する事もできます。
右側にテキストを書く時、
画像の上下にテキストを複数行
記述する事もできちゃったりします。

この場合も画像サイズや
テキストの書き方には
それなりに計算が必要になりますが。

画像を挟んで下にテキストを
複数行書き連ねる事もできるので、
工夫次第で色々できますね(^^;

これも編集画面では↓のように記述しています。

---

こんな風に、凝った表示のさせ方もみんカラではできます。
みんカラでは全てのhtmlタグが許可されている訳では無いようです。

---

ちょっと いたずらしてみる。 ふふふ…。 にやり。 どうやってるのか、 わかりますかぁ？ （・∀・）

これの 方法が わかったら、 褒めてあげますよー？