小编use*_*360的帖子

<li> 
    <a href="viewBook.php?bookId=<?=$bookId?>"> 
         <img style="float:left; clear:left; padding-left:10px; width:50px; height:75px;" src="http://dummyimage.com/50x75/000/fff" / >
         <span style="line-height:75px; padding-left:5px; color:grey;"><?=$count?>.</span>
         <span style=""><?=$title?></span>
     </a>
</li>

因为我想做一个大的可点击锚区域，所以我必须将所有东西都扔到锚内。问题是因为我的标题可能是多行。我实际上如何垂直对齐图像的中心并防止标题的下一行进入图像的下方。

演示链接：jsfiddle.net/9wJRG/3