img が div の中央に配置される問題

Img はインライン要素であり、その margin 属性をブロック要素に変換してから、margin:0 auto を使用して画像の水平方向の中央揃えを実現します。次に、それを div タグの余白の中央に配置します)。

画像が div の下の spam 属性にある場合は、display: block に変換してから、padding-top: 10px に変換する必要があります。