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