まりふのひと

画像の説明文も中央揃えする

Hatena

sinea さんの日記、画像が中央揃えにしてあります。折角ですから、説明文も中央揃えにされてみたらどうでしょうか？

sinea さんの入力（推定）
<div align="center">
<img src="http://f.hatena.ne.jp/images/fotolife/o/oekat8/20050709/20050709141321.jpg">
</div>
我が家に咲いたカサブランカ

上記は推定ですが、上のとおりでしたら事は簡単です。</div> を “我が家に咲いたカサブランカ” の下に移すだけです。

<div align="center">
<img src="http://f.hatena.ne.jp/images/fotolife/o/oekat8/20050709/20050709141321.jpg">
我が家に咲いたカサブランカ
</div>

すなわち、

  1. <div align="center"> が中央揃えの開始タグ、
  2. </div> が終了タグです。

1．と 2．に挟まれた「画像」や「文字」は、全て中央揃えになります。
但し、長〜い文章（画面の幅以上の文字列）を入れると、中央揃えの効果が薄れます。文章の途中で改行させたい場合は <br> を入れます。

１）長い文章を中央揃えにしても効果が薄れる例


高松八幡宮の夏祭り。子供は三十本ばかりの旗を立て、お神輿は二人の若者が担いで笛・太鼓で神主は正装、総代は紋付袴で夏の直射日光を浴びながら、麻郷・麻里府と田舎道を歩いて一周した。

２）上の文章の 。 、の後に、<br>を入れた入力例

<div align="center">
高松八幡宮の夏祭り。<br>子供は三十本ばかりの旗を立て、<br>お神輿は...
笛・太鼓で神主は正装、<br>総代は紋付袴で夏の直射日光を浴びながら、<br>麻郷・麻里府...
</div>

注）<br> を挿入しないで、［Enter］キーで改行すると、行間が広くなります。

３）上の表示例


高松八幡宮の夏祭り。
子供は三十本ばかりの旗を立て、
お神輿は二人の若者が担いで笛・太鼓で神主は正装、
総代は紋付袴で夏の直射日光を浴びながら、
麻郷・麻里府と田舎道を歩いて一周した。

参考）
  1. sinea さんのブログは私のブログと同じデザインですので、上のとおりで上手く表示できるはずです。
  2. 「はてな」のデザインによっては
    • このタグが使えない。（使っても機能しない）
    • <div align="center"> から </div> の間、［Enter］キーで改行すると上手く表示されないことがあります。