如何使元素位于div的中心？

Question

我在div中得到了一些图片：

<div>
    <img src="1.png">  </img>
    <img src="1.png">  </img>
</div>

这在浏览器中是：

-----------------
|XX             |
-----------------

我希望这些图像位于div的中心，也就是说，就像这样：

-----------------
|      XX       |
-----------------

怎么做？

PS：也许这个问题非常简单，但我是CSS / HTML的新手，我无法克服。

Answer 1

对于图像，简单的text-align: center就足够了。

http://jsfiddle.net/G57zL/1

Answer 2

div {
    text-align: center;
}

在这里演示：http://jsfiddle.net/Wc8kz/

只有一个建议：img是自动关闭标记，应在HTML5中定义为<img src="..." />甚至<img src="...">。代码<img src="..."></img>无效。

Answer 3

根据W3c

执行此操作的正确方法

img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

Fiddle

Answer 4

<强>的CSS

div.centered{
    text-align:center;
}

<强> HTML

<div class="centered">
    <img src="1.png" />
    <img src="1.png" />
</div>

DEMO