livedoor ナレッジ

ブログの画像を真ん中に寄せたい☆

このブログですが・・・

画像が若干左に寄ってしまいます。真ん中に寄せるにはどうしたらいいでしょうか？
CSSをいじってもなかなか変わりません・・・

この現象にCSSは関係ないので、あまりいじらないように
（……と思ったのですが、記事の中のHTMLタグのこと？）

livedoor Blogの場合、画像を貼り付けると、自動的に

<img src="URL" width="**" height="**" border="0" alt="画像名" hspace="5" class="pict" align="left" />

という感じのHTMLタグが付きます。
この内、「align="left"」というのは、画像を左に配置し、続く文章をその右に回り込ませるものです。
まず、これを取ってしまいましょう。
（この辺は既にお分かりのようですね。）

そして、このタグのかたまりの前に、<center>というタグを書きます。
このタグのかたまりの後に</center>というタグを書きます。

<center><img src="URL" width="**" height="**" border="0" alt="画像名" hspace="5" class="pict" /></center>
こんな感じ。

これで、中央に寄りました。

<img>タグに「align="center"」という書き方はありませんので、これを書いても、無視され、画像が普通の文字のように左から並ぶだけです。

<div align="center"><img src="画像のアドレス" width="幅" height="高さ" border="0" alt="画像の説明" /><br>
<a href="リンクのアドレス" target="_blank">リンクのテキスト</a><br></div>

にされてはいかがでしょうか。