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