Merhaba arkadaşlar

bir popüler kısmı oluşturmaya çalışıyorum. ul li etiketinin içinde img var. yazıyı resmin yanında ortalamak istiyorum yalnız yazının devamı taşıyor.

Resim


css kodlarım

#populerdiziler {float:left; width:260px; height:340px; border:1px solid red; overflow-y:scroll}
#populerdiziler ul li {float:left;display:block; margin:5px; border:1px solid red; }
#populerdiziler ul li img {vertical-align:middle;}

html kodlarım

<div id="populerdiziler">
<ul>
<li><img src="#" width="75" height="180"> The Last Game1 deneme </li>
</ul>
</div>

Float:left; denedim ama bu seferde vertial-align:middle özelliğini kaybediyor.


Yardımcı olabilirseniz sevinirim.