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;
}