центрирующий поплавок

Question

Я хочу, чтобы изображение и серый фон были отцентрированы.

Стиль тела установлен следующим образом:

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

Div для изображения такой:

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

Стиль изображения такой:

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

Если я уберу поплавок, серая рамка вокруг изображения заполнит всю страницу.и я не хочу указывать определенную ширину для границы, потому что некоторые изображения большие, а некоторые маленькие.

Мне нужна помощь по центрированию изображения!

Answer 1

• Добавьте text-align: center к #chpheader и удалите float: right.
• Добавить 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

стиль изображения должен быть margin:0px auto, а не просто margin: 0px