画像が中央に表示されません。

質問

こんにちは。
ブログで画像を行（左右）の中央に表示したいのですが、うまくいきません。

<center><img src="..."></center>とやっていますが左に寄ったままで、画像の後に書いた文字が画像の右側に回りこんでしまいます。
また、<img src="..." align="right" width="..." height="..."> とやると、画像の大きさは変わりますが、やはり左端に寄ったままです。

記事を書いている（打ち込んでいる）すぐ下にリアルタイムプレビューという機能があり、そこではきちんと指示通りに表示されますが、別窓でプレビュー（実際にアップされた状態が分かる）してみると上記のような問題が起こります。表だと<center>...</center>が効くのでそれで対応しています。

これは一体何が原因なのでしょうか？

回答No.3

asana123

<div align="center">
<img src="===">
</div>
文字文字文字文字

のように打てば上手くいくのではと思います。
あとはどうしても<center>がいいのであれば、</center><br>と、改行タグを打ち込んでみてください。

また、画像が左よりになったまま、ということですが、
その画像より前に左よりのタグを打ち込んでいて、
それを閉じ忘れている、ということはありませんか？

回答No.2

noname#100277

divやpにalign="center"（又はCSSでstyle="text-align:center"を指定）でも同じ様にセンタリングはされませんか？

回答No.1

noname#105044

align="right"は画像の右側に文字を回り込ませるという意味なので、これを外せばいいと思います。

お礼

早速どうもありがとうございます。
すみません、私の書き方が悪かったようです。align="right" を入れてもalign="left"を入れても、それを外して<center>...</center>で挟んでもプレビューでは画像は左側に寄ったままなんです（リアルタイムプレビューでは指示通りなります）。しかし、その他の指示（画像の大きさ）はちゃんと効くんです。
この解決方法はご存知でないでしょうか？