MandalinaJolie adlı üyeden alıntı: mesajı görüntüle
Merhaba kodlarda değişiklik yaptım,aynen şu şekilde düzenlersen istediğin olmuş olacak;

<div id="populerdiziler">
        <ul>
            <li><img src="#" width="75" height="180"> <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat id, necessitatibus quo ullam provident, earum iure eos. Perferendis fugit alias dolore quae, tempora quasi rerum officia vero libero totam distinctio repudiandae ab possimus error odio asperiores tenetur ducimus eos! Nobis aspernatur cum eos laudantium consequatur similique deserunt eius, iure aut..</span></p> </li>
        </ul>
    </div>
#populerdiziler {float:left; width:260px; height:340px; border:1px solid red; overflow-y:scroll}
#populerdiziler ul {margin:0;padding:0;}
#populerdiziler ul li {float:left;display:block; margin:5px; border:1px solid red; }
#populerdiziler ul li img {vertical-align:middle;width:80px;}
#populerdiziler ul li p {font-size:12px;float:right;width:150px;margin-top:0;}
resim alanına ve text alanına genişlik vermek gerekiyordu genişlik verildi.
Hocam ilginiz için teşekkür ederim ama yazı fazla olunca tam görünüyor ben sadece kısa bir yazı yazıcam ve onun ortalanması gerek