はてなブログで画像が左寄せになっているので中央揃えにすることにしたのですが意外にむずかしく苦労しました。
本文で
<div align="center">画像</div>
もしくは
<div style="text-align:center;">画像</div>
としてあげるのもよいが記事を書くたびにソースを書くのは苦痛である。
画像をセンタリングするCSS。
なんとこの記述でよいらしい。
なるほどmarginのautoまでは分かるとしてもdisplay: blockは気が付かなかったな。
勉強になりますね。
.hatena-fotolife, .http-image { display: block; margin: 0px auto; }
こちらを参考にさせていただきました。
ありがとうございます。
センタリングがうまくいってスッキリした印象になりました。
さらにシンプルデザインを追求していきたいと思います。