まりふのひと

画像を中央に配置するには

CYOKIちゃんが悩んでいるようです*1 が、私も「これだッ!」という方法を知りません。
で、私は div を使っています。

1)文字を中央に表示する

<div align="center">
これは、今日、甥の結婚式に来ていた、新婦側の親戚のかわいい子ちゃんです。
</div>

と入力すると、


これは、今日、甥の結婚式に来ていた、新婦側の親戚のかわいい子ちゃんです。

と表示されます。

2)「写真も文字と同じ扱い」であることを利用

<div align="center">
これは、今日、甥の結婚式に来ていた、新婦側の親戚のかわいい子ちゃんです。
<img src="http://www.ne.jp/asahi/yamaguchi/marifuhatsu/marifunohito/H171127/image01.jpg">
</div>

と入力すると、


これは、今日、甥の結婚式に来ていた、新婦の親戚のかわいい子ちゃんです。

と表示されます。

3)完成と思ったのですが

<div align="center">
これは、今日、甥の結婚式に来ていた、新婦側の親戚のかわいい子ちゃんです。
<img src="http://www.ne.jp/asahi/yamaguchi/marifuhatsu/marifunohito/H171127/image01.jpg">
手前の花にピントを合わせると、このようになります。
<img src="http://www.ne.jp/asahi/yamaguchi/marifuhatsu/marifunohito/H171127/image02.jpg">
更に手前を人が通ったので‥‥ヤレヤレです。
</div>


これは、今日、甥の結婚式に来ていた、新婦側の親戚のかわいい子ちゃんです。

手前の花にピントを合わせると、このようになります。

更に手前を人が通ったので‥‥ヤレヤレです。

*1:コメントで質問されると、どこに回答すればいいの? です。自分のブログで質問されると、その日のブログにトラックバックできるのですが...