CSS垂直對齊圖像旁邊的文本沒有第二行低於圖像？

Question

我在格式化這個WordPress小部件時看起來不錯。

http://healthybodyguru.com/ 這是本月底最熱門的帖子。

我已經將第一行文本垂直對齊到頂部，但是附加的行出現在圖像下面。

下面是一些CSS我一直在玩弄：

#featured-bottom .popular-posts li { 
    list-style-type: none; 
    padding-left: 0px; 
    margin: 0 0 10px 0; 
    position: relative; 
    float: left;  
} 
.popular-posts img {  
    margin-right: 10px; 
    vertical-align: top; 
} 
.popular-posts .wpp-post-title { 
    font-size: 14px; 
} 

任何想法？我已經閱讀了類似的問題，但答案似乎沒有幫助我的具體情況。

Answer 1

你想：

.popular-posts img {  
    margin-right: 10px; 
    float: left; 
}