html - CSS:在div中居中/对齐图像

Question

我试图将图像置于 div 的中心。div 包含一个 img 元素和一个 h3 元素。这是来自 JSFiddle 的代码:

http://jsfiddle.net/johngoche99/jvkG4/6/

img { text-align: center; }
div { width: 400px; background: yellow; }

<div>
    <image alt="Hello" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSpxx-IcjRJjDCKXZ6y4eMcUkShjBB_U_Y8OOy8nRR_qT9-ZgG24A" />
    <h3>Hello World Hello World Hello World</h1>
<div>

谢谢。

Answer 1

    try this

        div { width: 400px; background: yellow; text-align: center;  }
    img { }

<div>
    <image alt="Hello" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSpxx-IcjRJjDCKXZ6y4eMcUkShjBB_U_Y8OOy8nRR_qT9-ZgG24A" />
    <h3>Hello World Hello World Hello World</h1>
</div>