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; 
}