html divについて

質問

html divについて
現在、html・CSSを勉強中です。
htmlのDivの中で画像を貼っているのですが、左端の中央に設定したいのですが、うまく行きません。
左端中央に画像を表示できる方法を教えてください。よろしくお願い致します。

↓ html ↓
<div class="area">
<div class="area_left">
<div class="01">
:
</div>
<div class="02">
:
</div>
<div>
<div class="area_right">
<div class="03">
:
</div>
<div class="04">
<img src=" ">
</div>
</div>
</div>

↓ CSS ↓
div.area_right .04{
vertical-align: middle;
width: 197px;
height: 159px;
background-image: url("area_04.gif");
}

回答No.2

yyr446 · ベストアンサー

さらに、
vertical-align: middle;
も、おそらく意図ちがいでしょう。<div class="04">内の<img src" ">を
真ん中にしようと思ったのでしょうが×です。

vertical-alignはインライン要素とテーブル要素のみで使えたはず。DIVはだめです。

補足

divではimgの位置を操作することは無理なのでしょうか？
他に何か手があれば教えていただきたいです。

回答No.1

zeff

まずclass名は数字から始めてはいけません（数字のみは当然アウト）。
背景画像位置は
background-positionで指定します。

左端中央なら
background-position:left center;
１枚だけでしょうから、
background-repeat:no-repeat;
も。繰り返さないの意。

補足

アドバイスありがとうございます。
class名が数字のみはアウトだと知りませんでした。

自分の説明不足でした。
<div class="04>の中にある<img>の位置を変更したいと思っています。