Selamun Aleykum Arkadaşlar Aşşağıdaki şekilde bir Php ile döngüden veri alıp bir resimli list oluşturan yapım Mevcut..

<div id="urunler">
<?php 
$row=array();
 foreach($urunler['data'] as $row)
{
$resim=$row['resimYolu'];
?>			 
<li class="urun"><a href="#" id="<?php echo $row['id']; ?>"><img src=<?php echo $resim?> /> </a>
<label for="<?php echo $row['id']; ?>"> <?php  echo $row['name'];?> </label></li>
<ul class="kategori">
<li><label><input type="checkbox" name="sayfa1" value="değer">Komedi<label></li>
<li><label><input type="checkbox" name="sayfa2" value="değer1">Edebiyat<label></li>
<li><label><input type="checkbox" name="sayfa3" value="değer2">Genel<label></li>
</ul>
<?php } ?>
</div>

Sorunum Altta Resimdede görüldüğü Gibi Yazıyı Resmin Yanında Ortaya Hizalayamamak..

css ten Çok iyi anlamamakla beraber beynim Margin-top,Margin-left dolsu taştı ama bu yazı hizalanmadı




Yazının Olması Gereken Yer Kırmızı çerçeveyle işaretli alan..

#urunler { height:250px;width:390px;overflow-y:scroll;float: left; list-style:none}
#urunler li {padding-top:5px;margin-top:5px;border: 1px solid #7D7D84 ; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;font-family: Arial, Verdana, sans-serif; font-size: 0.7em; font-weight: bold; margin-bottom: 2px;list-style:none }
#urunler a {margin-left:5px;text-decoration: none; color: #6A6C6E; line-height:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#urunler label{ margin-left:10px;color:#7D7D84;}

Arkadaşlar Ricam Bu Şekilde Kullanılan bir yapıda nasıl resmin hemen yanına Yazıyı Konumlandırabilirim.
Örnek Uygulamada olsa olur zaten maksat öğrenmek..Şimdiden Teşekkürler..

Not: Basit Listeli Resimli menü örnekleride olabilir ben gerekirse düzenlerim