centering float

Question

画像と灰色の背景を中央に揃えたい。

体のスタイルは、次のように設定されている：

body {margin-left:auto;margin-right:auto;width:1000px;} 

絵のためのdivはこれです：私は削除した場合

{border:0px;padding:0px;margin:0px;} 

：

{width:auto;margin-left:auto;margin-right:auto;float:right;} 

画像スタイルがこれですイメージの周りの灰色の枠線がすべてのページを塗りつぶします。いくつかの画像は大きいものと小さいものがあるので、私は境界のための特定の幅を指定したくありません。

私は画像を中心に助けが必要です！

Answer 1

• でなければなりません。
• display: inline-block~<div style="text-align:center;background-color:#DCDEDD;margin-top:20px;border-radius: 20px;">を追加します。
• IE6/7との互換性が必要な場合は、display: inline-block; *display: inline; zoom: 1を追加してください。

インラインスタイルを使用しないでください。

Answer 2

画像スタイルは#chpheaderにtext-align: centerを追加し、float: rightを削除margin:0px autoだけでなくmargin: 0px