キャプションは画像の中央に表示されません

Question

私は単純な問題かもしれませんが、解決策を見つけることができません。

私は自分のホストしているワードプレスを管理しています。投稿した記事に写真を追加することがよくあります。しかし、私は、中心の画像にキャプションを追加すると、左に揃ってしまうことに気付きました。例here（1枚目と2枚目）が表示されます。一方

<p style="text-align: center;"> 
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949"> 
     <img class=" size-large wp-image-1949 aligncenter" title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg"alt="" width="391" height="276" /> 
    </a> 
</p> 

"キャプションとdisaligned" 画像コードは次のようになります：

"NOキャプション&整列" 画像コードが

[caption id="attachment_1949" align="aligncenter" width="391" caption="Hildolfr"] 
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949"> 
     <img class=" size-large wp-image-1949 aligncenter " title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg" alt="" width="391" height="276" /> 
    </a> 
[/caption] 

Iは、字幕画像コードに<p style="text-align: center;"></p>を追加しようとしましたキャプションの括弧の外側か内側のいずれかに結果は表示されません。

誰かがそのように反応する理由を知っていますか？ wordpress.stackexchangeは、CSS関連の問題であると判断し、ここではより関連性がありました。

私はCSSに関する総初心者です。私は、あまりにも大きく変更したあらかじめ設計されたコードを使用しています。しかし、もし誰かがそれがどこにあるのかを指摘すれば、CSSのいくつかの情報についてより多くの情報を与えることができます。

ありがとうございます！

Answer 1

わかりやすく、問題を実現することなく質問をする前に問題を解決しました。

CSSには、次の行が欠落していました：

img.alignright {float:right; margin:0 0 1em 1em} 
img.alignleft {float:left; margin:0 1em 1em 0} 
img.aligncenter {display: block; margin-left: auto; margin-right: auto} 
.alignright {float:right; } 
.alignleft {float:left; } 
.aligncenter {display: block; margin-left: auto; margin-right: auto} 

は、だから、img class = aligncenterを意味する可能性を理解することができませんでした。行を追加することで問題は解決しました。