[解決済み】大きなdivの中で画像を（縦・横）中央に配置する方法【重複あり

質問

200×200pxのdivがあります。50×50pxの画像をdivの真ん中に配置したい。

どうすればいいのでしょうか？

を使うことで、横方向の中央揃えにすることができています。 text-align: center をdivに追加しました。しかし、垂直方向の配置が問題です...

解決方法は？

個人的には、div内の背景画像として配置します、そのためのCSSは。

#demo {
    background: url(bg_apple_little.gif) no-repeat center center;
    height: 200px;
    width: 200px;
}

(を持つdivを想定しています。 id="demo" を指定しているため height と width を追加して background は問題ないはずです)

ブラウザに負担をかけましょう。