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

<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSpxx-IcjRJjDCKXZ6y4eMcUkShjBB_U_Y8OOy8nRR_qT9-ZgG24A" style=" display: block;
margin-left: auto;
margin-right: auto;"/>

これは機能します。JSfiddle でテストしたところです。

Answer 2

このようにしますか、それとも別の方法でそれを望みますか? http://jsfiddle.net/jvkG4/11/

<div>

ハローワールド ハローワールド ハローワールド

Answer 3

これを試して：

img { display: block; margin: 0 auto }
div { width: 400px; background: yellow; }