Resim hizalama sorunu

Bir div içine farklı boyutlarda ve alt alta yerleşimli birden fazla resim eklemek istiyorum. Resimleri de div içinde yatay doğrultuda ortalamak istiyorum. Resimlerin altına alt yazı gelecek. Resimleri div içinde bir türlü ortalayamıyorum. Kenar marjini belirterek ortalanabiliyor, ancak resimlerin boyutları aynı olmadığı için her biri için sabit bir kenar marjini kullanmak mümkün değil. Bildiğim her türlü şeyi denedim, son bir gündür bu noktada takıldım kaldım, bir türlü çözüm üretemedim. Muhtemelen çok basit bir çözümü var, ama bir türlü aşamadım. Yardıma ihtiyacım var.

Not: sayfa ve içerik divlerinde img tagı için tanımlanmış tüm resim dosyalarını kapsayacak ortak bir stil de yok.

#sayfa #icerik .metin {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 20px;
color: #666;
text-decoration: none;
text-align: justify;
}

#sayfa #icerik .selim {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 20px;
color: #333;
text-decoration: none;
text-align: right;
}


#sayfa #icerik #video {
width: 175px;
margin-right: 10px;
float: left;
background-color: #FFE8F3;
border: medium double #603;
padding-left: 10px;
padding-right: 10px;
}

#sayfa #icerik #metin_ic_resmi {
width: 175px;
margin-right: 10px;
float: left;
padding-left: 5px;
padding-right: 10px;
border-right-width: thin;
border-bottom-width: thin;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
}

.metin_ic_resmi{
???????
????????
}

ya da

#sayfa #icerik #metin_ic_resmi .metin_ici_resim {
???????????
}

ya da her nasılsa

#sayfa #icerik #metin_ic_resmi .alt_yazi {
font-size: 11px;
color: #666;
text-decoration: none;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
}

Yaptığın kodları gösterebileceğin bi sayfa varsa anlamamız için daha iyi olur .

dosyayı xxx.net/xxx_deneme.html olarak yükledim. Dosya kodlarında 185. satırdaki div. CSS dosyası da: deneme.css

hocam

margin-left: 0px;
margin-right: 0px;

şeklinde resim classına değer atayıp denedinizmi.

şimdi denedim, olmadı..

Arkadaşım imglara float verirsen ortalanmaz, span vs. başka bir elemana koyman gerekir float vereceksen. Eğer amacın bir divin içinde ortalayıp alt alta göstermekse:

div.eklenen_div{
text-align:center;
}
div.eklenen_div img{
margin: 5px auto;
display:block;
}

şeklinde yapman yeterli. Yani sol ve sağ margini auto olarak vereceksin. Eğer resim altı varsa, onu da aynı şekilde h5 vs. ile ekleyebilirsin.

Oldu vallaha... Allah razı olsun